我有一个HTML5播放器,它是我的移动应用程序(cordova)的一部分:
<video width="100%" height="100%" id="video-1" src="/mnt/sdcard/xyz-media/xyz.mp4?param=8zw6y" preload="none">
<source src="/mnt/sdcard/xyz-media/xyz.mp4?param=8zw6y" type="video/mp4">
</video>
?param=
是因为加载多个视频引起的已知Chrome错误而添加的。
因此,在我的代码中,我还有canplaythrough
事件:
var videoWrapper = document.getElementById('video-1');
videoWrapper.addEventListener('canplaythrough', function(){
videoWrapper.play();
});
但是视频无法播放。当我尝试手动执行时,它也不起作用,但是当我手动重新加载src
属性然后尝试播放时,它可以正常工作:
var src = document.getElementById('video-1').getAttribude('src');
document.getElementById('video-1').setAttribute('src', src);
document.getElementById('video-1').play();
为什么视频没有自动播放?请帮忙解决。
src
两次,并且在JavaScript中使用的id是video-1
,而在HTML中是video-2
。 - ricky