阅读模式:

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

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

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

扫描二维码手机查看

发布评论:


登录:
  表情:
评论话题
推荐阅读:
php打印三角形   阅读:8374mysql数据库性能的基本优化   阅读:4279php+redis实现消息队列   阅读:13251栈和堆的区别   阅读:4664人性漫画:打工与创业的残酷区别   阅读:4473分享:淘宝技术这十年   阅读:4416mysql 为什么添加索引可以提高访问速度   阅读:5635linux top命令详解   阅读:8767linux top命令详解   阅读:8767mongodb设置shell开机启动脚本   阅读:9236linux php7编译安装mongodb扩展   阅读:8207linux top命令详解   阅读:8767phpexcel 超简单从数据库一键导出数据到excel教程   阅读:6824网站性能优化-页面静态缓存   阅读:5189linux教程,鸟哥私房菜(pdf全集)   阅读:9093php打印三角形   阅读:8374mysql共享锁和排他锁详解   阅读:6847crontab+shell脚本实现定时备份mysql数据库   阅读:7198shell发送邮件脚本   阅读:6853php+redis实现消息队列   阅读:13251解决 nginx 413 request entity too large   阅读:4144php连接redis   阅读:5330mysql5.7主从同步配置   阅读:4540mysql5.7主从同步配置   阅读:4540TCP的三次握手(建立连接)和四次挥手(关闭连接)   阅读:2899php 统计网页打开耗时和脚本运行内存   阅读:6382浅谈javascript的函数节流   阅读:4344分享:淘宝技术这十年   阅读:4416mysql 为什么添加索引可以提高访问速度   阅读:5635linux时间戳有趣的情人节秒1234567890   阅读:5093php 读取和设置redis的键值   阅读:6906人性漫画:打工与创业的残酷区别   阅读:4473面试的时候和你谈理想,是理想or入坑?   阅读:9554一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:124846php连接redis   阅读:5330session与cookie的区别   阅读:3923linux php7编译安装mongodb扩展   阅读:8207php翻转字符串   阅读:3124php打印九九乘法表   阅读:8979面试的时候和你谈理想,是理想or入坑?   阅读:9554封装php redis缓存操作类   阅读:8486一键分享到QQ空间、QQ好友、新浪微博、微信代码   阅读:124846mysql数据一键导出到csv文件   阅读:5257mysql数据库性能的基本优化   阅读:4279给 centos 7 安装桌面环境   阅读:16299web性能测试工具ab的测试方法   阅读:4319mysql中文分词全文搜索索引讯搜的安装   阅读:6315解决 nginx 413 request entity too large   阅读:4144爱编程,也爱健康   阅读:3940用php从1加到100的值   阅读:7933