我花了很多时间试图弄清楚为什么视频会像这样嵌入:
<video height="256" loop autoplay muted controls id="vid">
<source type="video/mp4" src="video_file.mp4"></source>
<source type="video/ogg" src="video_file.ogg"></source>
</video>
一旦页面在FireFox中加载，就开始自动播放，但不能在基于Webkit的浏览器中自动播放。这只发生在一些随机的页面上。到目前为止我还没有找到原因。我怀疑一些未关闭的标签或CMS编辑器创建的大量JS。
当前回答
花了两个小时尝试上面提到的所有解决方案。
这是最后对我有用的方法:
var vid = document.getElementById("myVideo");
vid.muted = true;
其他回答
其他的答案都对我没用。 我的解决办法是触发点击视频本身;Hacky(因为需要超时)，但它工作正常:
function startVideoIfNotStarted () {
$(".id_of_video_tag").ready(function () {
window.setTimeout(function(){
videojs("id_of_video_tag").play()
}, 1000);
});
}
$(startVideoIfNotStarted);
var video = document.querySelector('video');
video.muted = true;
video.play()
只有这个解决方案帮助了我，<视频自动播放静音…>…</video>不工作…
谷歌更新了自动播放策略。自动播放只能在静音模式下工作。 查看链接https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
我把我的声音调成静音自动播放。 我认为谷歌规则不会让chrome自动播放，除非它是静音的。
<video id="video" controls autoplay muted
border:0px solid black;"
width="300"
height="300">
<source src="~/Videos/Lumen5_CTAS_Home2.mp4"
type="video/mp4" />
Your browser does not support the video tag.
Please download the mp4 plugin to see the CTAS Intro.
</video>
我有一个案例，它与不同文件类型的顺序有关。试着改变一下，看看是否有帮助。
