<div id='cs' class="videolayer">
     <video src="videos/hlj.mp4" controls="controls" playsinline webkit-playsinline="true" poster="img/hlj.jpg"></video>
</div>

1.  controls 是自带属性，暂停、重播、放大、控制进度。但是如果要求更高，就需要一些插件了。下面是链接地址。

     video.js    https://github.com/videojs/video.js     

     西瓜视频播放器（HTML5）       http://h5player.bytedance.com/api/#%E5%B1%9E%E6%80%A7

2.   playsinline webkit-playsinline=”true”  可用于防止ios用户视频播放自动全屏(safari是顽疾暂时没办法搞定)，android是不自动全屏的。

3.   poster=”img/hlj.jpg”   poster 是视频封面设置，未播放时默认封面。

4.     src=””   要播放的视频的 URL。

5.    width   设置视频播放器的宽度(单位是px)（我比较偏好在视频外层设置一个层，限制宽高，视频宽 100%）

6.    height   设置视频播放器的高度(单位是px)

 

以上是自己的一些小的总结，移动端video 有的需要全屏，不可以控制进度，只能等着视频播完，下一篇文章说一下这个。

 

版权声明：本文为ycyweb原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/ycyweb/p/9888213.html