video 自动播放及循环播放问题

代码

<video id="screenVideo"

       ref="video"

       :muted='muted'

       :src="videoSrc"

       webkit-playsinline="false"

       x-webkit-airplay="allow"

       x5-video-player-type="h5"

       x5-video-player-fullscreen="true"

       x5-video-orientation="portraint"

       style="object-fit:fill">

</video>

 

代码关于video

  -> muted: true/false 静音

 

  -> webkit-playsinline : ios 10中设置可以让视频在小窗内播放,即非全屏播放

 

  -> x-webkit-airplay :landscape|portrait 播放器显示的方向,横屏|竖屏,默认值为竖屏,该属性只有在设置【x5-video-player-type="h5"】之后才生效

 

  -> x5-video-player-type="h5" :  启用x5内核H5播放器

 

  -> x5-video-player-fullscreen="true" : 全屏设置,设置为 true 是防止横屏

 

  -> style="object-fit:fill" : 加这个style会让 Android / web 的视频在微信里的视频全屏,如果是在手机上预览,会让视频的封面同视频一样大小

posted @ 2022-07-29 11:46  zhang305  阅读(1083)  评论(0)    收藏  举报