我试图通过超时功能来控制移动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 -->
发布于 2015-12-20 05:55:46
<!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)'
https://stackoverflow.com/questions/34378240
复制