pause属性目前在chrome中的效果还存在吗？

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
</head>
<body>
	<!-- video 标签 -API- pause -->
	<video controls src='data/imooc.mp4' id='myVideo'></video>
	
	<script type="text/javascript">
		//选中video标签
		var VideoNode = document.getElementById('myVideo');

		
		setTimeout(function(){
			VideoNode.pause();
		},3000);


	</script>
</body>
</html>

是不是最新chrome的更新版本不支持pause属性？我这边没有自动播放3秒后，又自动停止的效果嘛

幕布斯3322991 2020-09-06

源自：HTML5音视频 3-1 play、pause、duration

收起

2回答

好帮手慕慕子 2020-09-09 16:36:02

同学你好，不需要去掉controls属性，pause方法是生效的，点击页面（空白处），视频开始播放，不需要做任何操作，三秒后会自动暂停。老师的chrome版本如下：

同学可以再测试下，也可以换成火狐浏览器测试下效果。

同学不用担心，如果要使用默认的控制条那就不需要做任何修改，如想要自定义播放控制，后面的课程中老师有详细的讲解，同学继续往后学习就可以了。

祝学习愉快~

收起回答

好帮手慕慕子 2020-09-06 11:15:20

同学你好，chrome支持pause属性，但是同学这种写法不容易测试出效果，建议参考如下代码，给document添加点击事件，在点击事件中，先设置播放视频，然后再三秒后暂停播放，就可以很容易看到效果了。示例：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <!-- video 标签 -API- pause -->
    <video controls src='https://www.runoob.com/try/demo_source/movie.mp4' id='myVideo'></video>
    <script type="text/javascript">
        //选中video标签
        var VideoNode = document.getElementById('myVideo');
        document.addEventListener('click', function () {
            VideoNode.play()
            setTimeout(function () {
                VideoNode.pause();
                console.log(000)
            }, 3000);
        })
    </script>
</body>
</html>

同学可以结合代码测试理解下，祝学习愉快~

收起回答

提问者幕布斯3322991 #1

老师，很抱歉这边还是没有这样的效果，我甚至在VideoNode.play()前面加了debugger和 console.log(111) 都完全没有响应，直到我把 <video controls src='https://www.runoob.com/try/demo_source/movie.mp4' id='myVideo'></video> 中的属性 control去掉了，scripit标签里的内容才工作。我的是chrome浏览器。请问这是原因呢？是否意味着如果要操作pause属性，那么就无法使用control属性，本来默认有的播放进度条等按钮，都需要重新自定义制作呢？这样的话，我太麻烦了

2020-09-09 15:15:37