博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端解决方案--微信浏览器下阻止视频全屏播放
阅读量:6082 次
发布时间:2019-06-20

本文共 448 字,大约阅读时间需要 1 分钟。

今天遇到这个微信浏览器下视频会全屏播放的问题。

直接给出最终解决方案:

<video x5-playsinline="" playsinline="" x-webkit-airplay="allow" style="object-fit:fill"></video>

解释几个关键属性:

  1. playsinline:设置ios在微信中内联播放视频
  2. x5-playsinline:设置android在微信中内联播放视频
  3. x-webkit-airplay:设置允许设备播放
  4. webkit-playsinline="":设置支持内联视频播放,但需要在Obj-C里,webview设置allowsInlineMediaPlayback属性为YES【貌似Objective-C指的是ios那边但webview,所以这个属性单独设置没生效,可以不用加】
  5. object-fit:fill:这个属性类似背景图片的设置,fill代表填充,意为将视频宽高比例改变,以适应铺满容器大小

参考

腾讯h5同层播放器接入规范:

转载地址:http://xqkwa.baihongyu.com/

你可能感兴趣的文章
Python下用List对员工信息表进行模糊匹配
查看>>
Mysql 主从复制
查看>>
【SQL Server备份恢复】数据库还原
查看>>
Angular js http请求发送和jquery的ajax一样的数据设置方式
查看>>
Andrid在一个程序中启动另一个程序
查看>>
mysql++ (Tserver安装问题)
查看>>
李开复给大支招 大学生创业有五忌
查看>>
大学学习有感
查看>>
CSS固定DIV,导航条顶部固定fixed(兼容IE6)
查看>>
docker 容器创建参数错误记录
查看>>
python3 笔记
查看>>
kali linux下的网络配置
查看>>
我的友情链接
查看>>
Windows系统下的TCP参数优化(注册表\TCPIP\Parameters)
查看>>
资源共享开源站
查看>>
Open×××中TAP-win32d的net30问题
查看>>
Linux常用命令总结之(九)tail
查看>>
【Glassfish调查】获取客户端Addr和Host
查看>>
2011年山东济南java开发定向就业班招生
查看>>
磁盘格式化与管理知识点总结
查看>>