我试图通过超时功能控制移动 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/