阅读模式:

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

查看:5856  回复: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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
纯干货,程序员面试的超实用技巧   阅读:1541简单的DOS攻击之死亡之ping详解   阅读:15246php删除一个文件夹内的所有文件夹和文件   阅读:2146php删除一个文件夹内的所有文件夹和文件   阅读:2146ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:3575shell发送邮件脚本   阅读:468mysql共享锁和排他锁详解   阅读:2313shell发送邮件脚本   阅读:468移动端自适应rem原理   阅读:5371centos 7 开启网络   阅读:1953mysql数据一键导出到csv文件   阅读:2020session与cookie的区别   阅读:1767session与cookie的区别   阅读:1767centos 7 设置 nginx-1.11.10 开机启动   阅读:3114centos7开启交换内存   阅读:3091crontab+shell脚本实现定时备份mysql数据库   阅读:2192centos 7 忘记root密码   阅读:1548mysql数据库性能的基本优化   阅读:2021十张GIF让你弄懂递归等概念   阅读:2048linux php7编译安装mongodb扩展   阅读:2218php+redis实现消息队列   阅读:1711ajax+php 实现一个简单的在线聊天室功能(附带源码)   阅读:3575栈和堆的区别   阅读:1700给php7安装redis扩展库   阅读:2758php打印九九乘法表   阅读:2640centos 7 安装 samba 服务   阅读:2093php 读取和设置redis的键值   阅读:3221php删除一个文件夹内的所有文件夹和文件   阅读:2146php冒泡排序法   阅读:2240人性漫画:打工与创业的残酷区别   阅读:1642“米粉节”背后的故事——小米网抢购系统开发实践   阅读:1617centos 7 安装 redis 3.2.9   阅读:2858centos 7 忘记root密码   阅读:1548linux命令中执行php脚本   阅读:2099centos 7搭建zabbix3.4   阅读:661nginx编译安装后对nginx进行平滑升级   阅读:713给网站添加一键qq登录的功能   阅读:2886浅谈javascript的函数节流   阅读:1666linux php7安装yaf扩展   阅读:2115mysql数据一键导出到csv文件   阅读:2020shell发送邮件脚本   阅读:468php生成二维码   阅读:2217centos 7 安装 mysql-5.7   阅读:2500crontab+shell脚本实现定时备份mysql数据库   阅读:2192一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:14037centos 7 安装 redis 3.2.9   阅读:2858面试的时候回去等通知,等电话的真实意思   阅读:8852mysql共享锁和排他锁详解   阅读:2313面试的时候回去等通知,等电话的真实意思   阅读:8852最简单的Banner轮播淡入淡出效果代码及实现思路(附带源码)   阅读:7044