ToB企服应用市场:ToB评测及商务社交产业平台

标题: 禁止ios 播放视频主动全屏 [打印本页]
作者: 半亩花草    时间: 2024-8-29 04:27
标题: 禁止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企服之家，中国第一个企服评测及商务社交产业平台。



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4