HTML5视频无法重新启动

在此先感谢您提供的任何帮助。我遇到的问题是，单击按钮时，下面的代码在JavaScript函数中。期望的行为是，点击按钮时，视频淡入，播放10秒，然后淡出。然后再次单击该按钮时，会重复此行为。HTML5视频无法重新启动

问题是，第二次单击该按钮时，视频淡入，但已经在视频的末尾，然后在10秒后淡出。任何想法为什么vid.currentTime没有正确地重置视频？

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页面通过快递静态提供时才会发生。

来源

2015-10-14 Atocil

它也当你不发生t重置''src？ – Kaiido

想通了，这只是一个问题，在Chrome和似乎与这个问题做：

can't seek html5 video or audio in chrome

来源

2015-10-21 23:26:55 Atocil

尝试

vid.load();，而不是vid.currentTime = 0;

来源

2015-10-14 21:18:43

由于某种原因，如果我做vid.load（）;即使第一次加载时，我所得到的却是黑屏，而不是我的视频。 – Atocil

虽然这段代码可能会回答这个问题，但提供关于为什么和/或该代码如何回答问题的其他内容可以提高其长期价值。 – Christian

也许你可以尝试autplay添加到视频属性，但我认为，视频将开始循环。

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

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

vid.load();

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

来源

2015-10-14 21:25:30 Broccoli

HTML5视频无法重新启动

回答

相关问题