我试图在用户在浏览器上打开页面时自动播放视频。在我的笔记本电脑上,自动播放适用于所有浏览器,但在 Android 上,它不适用于 Google Chrome,而在 Iphone 上,它不适用于 Safari。我已经进行了搜索,android 中的谷歌浏览器不支持 html5 视频标签,所以我使用了一些 javascript,但它也不起作用。 为什么?我应该怎么办? 这是我的代码
<video id="video" autoplay autobuffer controls="controls" allowFullScreen >
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm" webView.mediaPlaybackRequiresUserAction = NO;>
<source src="video.theora.ogv" type="video/ogg">
<source src="video.flv" type="video/flv">
<source src="video.vob" type="video/vob">
<source src="video.mov" type="video/mov">
</video>
<script type="text/javascript">
var video = document.getElementById('video'); video.addEventListener('video',function(){
video.play();
});
video.addEventListener("domready", function(){ video.play();
});
video.addEventListener("ended", function(){
window.location = "http://www.google.com"
});
</script>
最佳答案
从版本 53 开始,适用于 Android 的 Chrome 支持视频的静音自动播放。如果同时设置了自动播放和静音,则一旦视频元素进入 View ,就会自动开始播放静音视频,静音视频的播放可以通过 play 以编程方式启动().以前,无论静音状态如何,移动设备上的播放都必须通过用户手势启动。
<video autoplay muted>
<source src="video.webm" type="video/webm" />
<source src="video.mp4" type="video/mp4" />
</video>
关于android - HTML 5 自动播放 Google Chrome Android 不播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19543634/