最近在学习在网页中嵌入原生的html video视频，将一些参数和常见的问题分享给大家。
方法/步骤
- 1
【视频标签】首先，我们在页面中添加vedio标签，<video></video>，然后在其中添加内容。默认的自动补全的video标签内容是截图中这样的。
- 2
【视频路径】必须要添加的是视频的路径，在video里面添加，<source src="">,这样一个视频就被引入进来了。这里需要我们定义好视频的格式。type="video/mp4"。这样打开网页后，就会看到视频了。
- 3
【自动播放】默认，直接放上视频，在浏览器里面是无法播放的，我们需要为其添加播放的参数，自动播放的参数是autoplay，可以直接添加autoplay，或者将其设置为true
- 4
【循环播放】视频自动播放后，播放一次就会停止，我们需要为其添加循环播放的参数，loop，也可以设置loop="true"二者功能相同。这样视频就可以无限次循环播放了。
- 5
【视频大小】我们还需要根据网页的实时需求，来给网页定义视频的大小，位置。如果只定义宽高中的一种，那么另一个宽或者高将根据视频比例，自动缩放，如果宽高超出了视频自有的比例，超出比例的部分是空白的，video会占据我们设置的宽高大小的空间。
- 6
【视频背景图片】有时候，在线的视频，由于文件较大，需要很长的缓冲时间，这时候，我们可以通过给视频设置一个背景图片， 来提高用户的体验效果。需要用到参数poster=""
- 7
【嵌入网站后，无法播放】有时候，视频嵌入到网站中后，在chrome浏览器中无法播放，在firefox中可以，这时候，可以通过添加一个js函数来改进。
- 8
最后，给大家一段完整的代码
<video width="1000" height="600" autoplay="true" loop="true" poster="**.jpg">
<source src="**.mp4" type="video/mp4">
</video>
<script type="text/javascript">
$(function() {
$('video').each(function() {
this.play();
});
});
</script>
END