欢迎来到php自学网~
阅读模式:

微信video标签视频设置全屏属性

查看:4544  回复:0  类型:  来源:php自学网  标签 微信开发 css

微信video标签视频设置全屏属性,支持安卓和ios系统的视频控制器和播放按钮隐藏和视频全屏,微信使用的内核是X5

<video src="m.mp4" playsinline="true" webkit-playsinline="true" 
x-webkit-airplay="true" x5-video-player-type="h5" x5-video-orientation="h5" 
x5-video-player-fullscreen="true" preload="auto" style="object-fit:fill;"></video>


preload="auto"   开启视频缓冲,页面加载完即加载视频

webkit-playsinline="true"  控制当前视频在当前设置的div里面播放,不脱离文档流

x-webkit-airplay="true"  支持Airplay的设备

x5-video-player-type="h5"  开启同层播放器,取消播放器的默认的播放按钮和播放器控制器控制面板,整个页面只保留微信默认自带的返回和关闭菜单

x5-video-player-type="h5"  x5-video-player-fullscreen="true"  同层播放器设置类型为h5和设置视频播放为全屏幕

 style="object-fit:fill;" css3样式设置填充整个屏幕


通过属性的设置和样式的控制让视频全屏显示。


分享到:
0 0

*有问题之处烦请在评论中指出非常感谢!
不是我想要的内容,继续搜索:

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
最简单的Banner轮播左右切换效果代码及实现思路(附带源码)   阅读:11137centos7.3安装mongodb3.6   阅读:1485最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:5489centos 7 安装 samba 服务   阅读:1453javascript点击复制内容   阅读:1397mysql中文分词全文搜索索引讯搜的安装   阅读:1456分享:淘宝技术这十年   阅读:1368php 获取当前前后年、月、星期、日、时分秒的时间   阅读:1736企业让你去面试,可能不是真的招人   阅读:1418linux top命令详解   阅读:1304php打印九九加法表   阅读:1391linux时间戳有趣的情人节秒1234567890   阅读:1025mysql数据库性能的基本优化   阅读:1615纯干货,程序员面试的超实用技巧   阅读:1118给 centos 7 安装桌面环境   阅读:7535php文件下载防盗链   阅读:2938给网站添加一键qq登录的功能   阅读:2068linux教程,鸟哥私房菜(pdf全集)   阅读:1475centos7开启交换内存   阅读:2090php 获取当前前后年、月、星期、日、时分秒的时间   阅读:1736mysql的四种索引类型   阅读:2359nginx编译安装后对nginx进行平滑升级   阅读:88比phpexcel还要简单的excel CSV 一键导入数据到数据库   阅读:1676给 centos 7 安装桌面环境   阅读:7535php中地址引用&的真正理解-变量引用、函数引用、对象引用   阅读:1252分享:淘宝技术这十年   阅读:1368Nginx 配置文件详解   阅读:1397什么是天使轮?什么是A轮融资?B轮融资?   阅读:947centos7开启交换内存   阅读:2090php 统计网页打开耗时和脚本运行内存   阅读:1968centos 7 安装 nginx-1.11.10   阅读:2941php打印九九加法表   阅读:1391centos 7 安装 nginx-1.11.10   阅读:2941php+redis实现消息队列   阅读:513十张GIF让你弄懂递归等概念   阅读:1530分享:淘宝技术这十年   阅读:1368纯干货,程序员面试的超实用技巧   阅读:1118小米手机端商城rem适配原理   阅读:2632十张GIF让你弄懂递归等概念   阅读:1530mysql 为什么添加索引可以提高访问速度   阅读:1646Mysql在大型网站的应用架构演变   阅读:1469移动端自适应rem原理   阅读:4571用php从1乘到100的值   阅读:1757php压缩页面的html代码一行显示   阅读:1764爱编程,也爱健康   阅读:893linux php7安装yaf扩展   阅读:1140简单的DOS攻击之死亡之ping详解   阅读:10398centos 7 添加 redis 3.2.9 开机启动脚本   阅读:2805centos 7 安装 php-7.1.3   阅读:7273企业让你去面试,可能不是真的招人   阅读:1418