禁止ios 播放视频主动全屏

1.在微信中禁止全屏
在VIDEO标签中增加 x5-video-player-type=“h5-page” x5-video-orientation=“landscape|portrait”

1. <video x5-video-player-type="h5-page" x5-video-orientation="landscape|portrait">
2.         <source src="1.mp4" type="video/mp4"></source>
3. </video>

复制代码

2.在IOS浏览中禁止全屏
在VIDEO标签中增加 webkit-playsinline=“true” playsinline=“true”

1. <video x5-video-player-type="h5-page" x5-video-orientation="landscape|portrait" webkit-playsinline="true" playsinline="true">
2.         <source src="1.mp4" type="video/mp4"></source>
3. </video>

复制代码

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

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。