自定义按钮实现 video暂停和播放的方法

注:两个方法只能用于原生获取的<video></video>元素,对jquery获取的元素不管用 

1.play(); 实现播放

// dom元素如下

<video width="800" height="400" id="video" controls="controls">
	<source src="./Gemini-V15.mp4" type="video/mp4"></source>		
</video>
	<button class="play">播放</button>
	<button class="close">暂停</button>

// js代码如下

<script>
	// video控件是原生获取的dom
	var video=document.getElementById("video");
		
	// 播放
	$(".play").click(function(){
	    video.play();
	})

	// 暂停		
	$(".close").click(function(){
		video.pause();
	})
		
		
</script>

2.pause();实现暂停

猜你喜欢

转载自blog.csdn.net/weixin_39907729/article/details/83269767