HTML5视频无法重启

HTML5 video not restarting

本文关键字：重启 视频 HTML5      更新时间：2023-09-26

提前感谢你能给予的任何帮助。我遇到的问题是，当单击按钮时，下面的代码是在javascript函数中。期望的行为是，当点击按钮时，视频淡入，播放10秒，然后淡出。然后，当再次单击该按钮时，此行为会重复。

问题是，第二次点击按钮，视频淡入，但已经在视频结束，然后淡入10秒后淡出。知道为什么会有视频吗。当前时间不能正确地重置视频?

var webm = document.getElementById('src');
webm.src = "src.webm";
var vid = document.getElementById('video');
vid.currentTime = 0;
vid.play();

vid.fadeToggle(1000);
setTimeout(function() {
    vid.fadeToggle(1000);
}, 10000);

，这是导入视频文件的地方

<video id="video" width="100%" Style="Display:none">
    <source id="src" src="src.webm" type="video/webm" />
</video>

更多的信息已经曝光。这只发生在Chrome中，即使在Chrome中本地打开也不会发生，只有当html页面通过express静态提供时才会发生。

Try

vid.load();代替vid.currentTime = 0;

也许你可以尝试在video属性中添加outplay，但我认为视频会开始循环。

<video id="video" width="100%" Style="Display:none" autoplay>

或者您可以将此函数或javascript行添加到您的按钮函数中。

vid.load();

来源:http://www.w3schools.com/tags/av_met_load.asp

发现这只是chrome中的一个问题，似乎与这个问题有关:

can't seek html5 video or audio in chrome

相关文章：