视频结束后,我使用以下代码更改视频src
属性。
我预加载了第二个视频,并将src更改为链接到第二个图像。
在IE和Firefox中,这非常适用,但在Chome 27.X.X中,这是视频元素更换src
后似乎已死亡。
奇怪的是……如果我使用断点遍历.ended
函数中的代码,它会很好!
HTML
<video id="vid1" preload="auto" width="640" height="480" src="/Trans/video/sleigh60.mp4" controls>
</video>
<div style="display:none">
<video id="vid2" src="/Trans/video/sleighRest.mp4" preload="auto">
</video>
</div>
JavaScript
<script type="text/javascript">
var vid2Source = '/Trans/video/sleighRest.mp4';
var video = document.getElementById('vid1');
video.addEventListener("ended", function() {
video.src = vid2Source;
video.load();
video.play();
});
</script>
THX寻求任何帮助。
我在Chrome中遇到了同样的问题,代码如下。
我以前的HTML:
<video preload="auto" controls controlsList="nodownload" width="900">
<source id="vidSrc" type="video/mp4" />
</video>
我以前的javascript是:
jQuery('#vidSrc').attr('src','http://techslides.com/demos/sample-videos/small.mp4');
我正在更新src属性,但没有加载视频。所以我已经从视频中删除了源元素,源元素正在被附加,它工作得很好。
更新的Html
<video id="vidSrc" preload="auto" controls controlsList="nodownload" width="900">
</video>
更新js:
jQuery('#vidSrc').html('<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4" />');