chrome 视频 src 更改不起作用

我使用以下代码来更改视频src视频结束后的属性。

我预加载第二个视频，我更改 src 以链接到第二个视频。

In IE and Firefox这很好用but在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>

感谢您的帮助。

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