我对 Windows 上的 chrome 中的 html5 视频有疑问。视频播放正常。但如果它结束,视频不会淡出。“divx”图标并没有消失,而是显示并且没有任何反应。chrome似乎没有注意到视频结束了。
如果我将视频设置为循环,则视频会一直在 Chrome 中循环播放(在 Mac 上,所有浏览器都可以正常运行/Win 上的 firefox 也可以)。
这是我的javascrip:
<script type="text/javascript">
$(document).ready(function(){
var video = $('video')[0];
video.addEventListener('ended', function () {
$('video').fadeOut(200);
}, false);
video.play();
});
</script>
这是我的html:
<video id="video" autoplay preload>
<source src="animation/animation.mp4" width="100%" height="100%" type="video/mp4";>
<source src="animation/Komp.ogv" width="100%" height="100%" type="video/ogg";>
</video>
如果有人可以帮助我,我会很高兴。