JS控制video播放暂停或者开始

<video style="display:none;" id="movie" controls="" width="100%" height="100%"><source src="/video/ce_index_2.mp4" type="video/mp4"></video>
//默认video隐藏,不立即播放
 <div id="quchu" class="quchu" style="display:none;"><img src="/images/chahca.png"></div>
 //这里是一个叉的图片,用来控制视频的暂停和隐藏
	<script>
	$(function(){
		$('#huoban').click(function(){//绑定点击事件
			var video = document.getElementById('movie');
			$('#movie').show();//那么就显示div
				video.play(); //播放控制
		})
		$('#quchu').click(function(){//绑定点击事件
			var video = document.getElementById('movie');
			$('#movie').hide();//那么就显示div
			$('#quchu').hide();//那么就显示div
				video.pause(); //暂停控制
		})
	})	
	</script>

你可能感兴趣的:(JS,js,html)