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 的视频在微信里的视频全屏，如果是在手机上预览，会让视频的封面同视频一样大小