H5 video 常用属性

Posted shkj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5 video 常用属性相关的知识,希望对你有一定的参考价值。

<video
  id="video" 
  src="video.mp4" 
  controls = "true"
  poster="images.jpg" /*视频封面*/
  preload="auto" 
  webkit-playsinline="true" /*这个属性是ios 10中设置可以
                     让视频在小窗内播放,也就是不是全屏播放*/  
  playsinline="true"  /*IOS微信浏览器支持小窗内播放*/ 
  x-webkit-airplay="allow" 
  x5-video-player-type="h5"  /*启用H5播放器,是wechat安卓版特性*/
  x5-video-player-fullscreen="true" /*全屏设置,
                     设置为 true 是防止横屏*/
  x5-video-orientation="portraint" //播放器支付的方向, landscape横屏,portraint竖屏,默认值为竖屏
  style="object-fit:fill">
</video>

以上是关于H5 video 常用属性的主要内容,如果未能解决你的问题,请参考以下文章

H5 video标签的属性

h5页面 video poster属性的hacker问题

H5 video标签手机打开无法播放

H5新属性audio音频和 video视频的控制

微信中H5同层Video播放器接入教程

H5 Video + DOM