javascript - 移动浏览器中的视频DOM函数: how to stop video from a timed function

标签 javascript html5-video

我试图通过超时功能控制移动 html 视频,但我发现了奇怪的行为。 当我尝试通过单击按钮停止播放视频时,它起作用了。 但是当我尝试从定时功能中阻止它时,它不起作用。 我该如何让它发挥作用?

function doStop(){
    var myvideo = document.getElementById('myvideo');
    myvideo.pause();
}
<input type=button value='stopit' onclick='doStop()' > <!-- it works -->
<input type=button value='stopit' onclick='setTimeout("doStop()", 3000)'> <!- This doesn't -->

最佳答案

<!DOCTYPE html> 
<html> 
<body> 

<video id="myvideo" width="400" controls>
     <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>



<input type=button value='stopit' onclick='doStop()' > <!-- it works -->
<input type=button value='stopit' onclick='setTimeout(doStop, 2000)'>

</body> 
<script>
var doStop=  function() {
    var myvideo = document.getElementById('myvideo');
    myvideo.pause();
}
</script>
</html>

试试这个onclick='setTimeout(doStop, 3000)'

关于javascript - 移动浏览器中的视频DOM函数: how to stop video from a timed function,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34378240/

相关文章:

javascript - 动态创建的链接在 Chrome 中工作,但在 Firefox 或 IE 中不起作用

javascript - 在 firefox 中绕过浏览器缓存?

javascript - 如何从特定位置开始播放 HTML 5 视频?

javascript - 让 HTML5 YouTube 播放器适应 UIWebView

javascript - getusermedia 视频未绘制在 Three.js 平面上

javascript - 重新定位 HTML5 视频搜索栏

javascript - 发布(HTTP)+ jQuery : How can I send specific form data?

javascript - 位置 1 的 JSON 中的意外标记 u

javascript - 否则如果不在 Javascript 转换应用程序中工作

css - CSS可以应用于<track>元素吗