移动端 Video标签播放时自动横屏播放

速优网络（10年经验），服务数万家企业，固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司，专业团队，值得选择！建站业务：企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站客服微信【suyoufuwu】

问题描述：

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

可是经测试 x5-video-orientation="landscape" 在ios上并不起作用，依然无法横屏播放，Android上正常

<video autoplay width="100%" controls x5-video-player-type="h5" x5-video-orientation="landscape" :src="url"></video>

目前ios端没有办法解决
因为ios浏览器不同的内核

以上就是速优网络和大家分享的"移动端 Video标签播放时自动横屏播放",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。

TAG标签：

上一篇：最大允许上传视频大小限制的修改方法

下一篇：手机看视频不是全部能全屏，怎么处理？