在制作自己的网站时，有时需要在网站上插入一些视频。 尤其是像学习网站制作峰会这样的视频教程网站，需要在每个页面中插入视频教程。 这时候我们就需要用到html5视频播放器代码了。 （相关教程：如何在您的网站中嵌入视频播放器）
建立自己的网站时如何插入视频？ 方法很简单，只需使用下面的html5视频播放器代码，将其放入您的网站模板中，然后更改代码中的视频地址即可。
<video id="vipsp" controls>
<source src="sp.mp4" type="video/mp4">
<embed src="sp.mp4" width="100%" height="480" autostart=false >
</video>
如果需要手动播放html嵌入视频代码，可以使用以下html5视频播放器代码：
<video id="vipsp" controls autoplay>
<source src="sp.mp4" type="video/mp4">
<embed src="sp.mp4" width="100%" height="480" autostart=false >
</video>
如果你想让用户点击视频窗口任意位置时暂停/播放html嵌入视频代码，可以在html5视频播放器代码下面添加以下JS控制代码：
<script type="text/javascript">
var video = document.getElementById("vipsp");
this.controls = true; //控制条
var current = true
video.addEventListener("click",function() {
if(current){
video.play()
current = false //下次点击的状态
}else{
video.pause()
current = true
}
})
</script>
