我花了很多时间试图弄清楚为什么视频会像这样嵌入:
<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。
当前回答
尝试一下，这是简单和简短的，它与我的代码工作，而我有视频全屏和其他元素后面，我只是使用z-index -1;
<video autoplay loop id="myVideo">
其他回答
其他的答案都对我没用。 我的解决办法是触发点击视频本身;Hacky(因为需要超时)，但它工作正常:
function startVideoIfNotStarted () {
$(".id_of_video_tag").ready(function () {
window.setTimeout(function(){
videojs("id_of_video_tag").play()
}, 1000);
});
}
$(startVideoIfNotStarted);
在使用jQuery play()或DOM操作后，根据其他答案的建议，它仍然不能工作(视频不能自动播放)在Chrome for Android(版本56.0)。
根据developers.google.com上的这篇文章，从Chrome 53开始，如果视频被静音，浏览器会尊重自动播放选项。
因此，在视频标签中使用自动播放静音属性可以使视频在Chrome浏览器中自动播放。
摘自上述链接:
Muted autoplay for video is supported by Chrome for Android as of version 53. Playback will start automatically for a video element once it comes into view if both autoplay and muted are set[...] <video autoplay muted> <source src="video.webm" type="video/webm" /> <source src="video.mp4" type="video/mp4" /> </video> Muted autoplay is supported by Safari on iOS 10 and later. Autoplay, whether muted or not, is already supported on Android by Firefox and UC Browser: they do not block any kind of autoplay.
我有一个案例，它与不同文件类型的顺序有关。试着改变一下，看看是否有帮助。
请在自动播放单词前使用静音关键字，这里有一些隐私在2018年4月的变化。 你可以在这里阅读政策
尝试一下，这是简单和简短的，它与我的代码工作，而我有视频全屏和其他元素后面，我只是使用z-index -1;
<video autoplay loop id="myVideo">
