1. 程式人生 > >自定義按鈕實現 video暫停和播放的方法

自定義按鈕實現 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();實現暫停