chrome视频src更改无法正常工作

Question

我在视频结束后使用以下代码更改视频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提供任何帮助。

Answer 1

我在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" />');