chrome视频src更改不起作用

chrome video src change not working

本文关键字：不起作用 src 视频 chrome      更新时间：2023-09-26

视频结束后，我使用以下代码更改视频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" />');
相关文章：