关于如何在微信里面让video不全屏播放《2》。
来源:互联网 发布:ubuntu 搭建phpstorm 编辑:程序博客网 时间:2024/06/04 23:19
之前有关于如何让video在微信或者QQ浏览器里面不默认弹出全屏播放,可点击这里查看。
今天发现一个更简单的解决方法,加上一条属性即可。x5-video-player-type=”h5″。通过设置这个属性,让video开启同层H5播放器。另外在X5内核里,video是单独的一个view,会覆盖在任何元素之上,据说是为了统一用户体验,加上这个属性之后,也可以让其他元素浮在video上面了。
经过测试,在IOS设备,依然还需要添加如下属性 x-webkit-airplay=”true” playsinline webkit-playsinline=”true”。
<video id="video" src="mp4.mp4" x-webkit-airplay="true" playsinline webkit-playsinline="true" x5-video-player-type="h5"></video>01.
另外还有几个属性 x5-video-player-fullscreen=”true”,视频播放时将会进入到全屏模式。
x5videoorientation,声明播放器支持的方向,可选值: landscape 横屏, portraint竖屏 ,此属性只在声明了x5videoplayertype=”h5″情况下生效。
点击这里查看DEMO
0 0
- 关于如何在微信里面让video不全屏播放《2》。
- 关于如何在微信里面让video不全屏播放。
- html5 video标签在IOS里面默认全屏播放问题
- 微信内置浏览器 如何小窗不全屏播放视频?
- VIDEO标签在微信浏览器内播放会自动全屏
- H5 video标签在移动端,不默认全屏播放。
- 让video在div中铺满全屏
- 关于微信浏览器video标签无法播放mp4视频
- HTML5新标签video在iOS上默认全屏播放
- HTML5新标签video在iOS上默认全屏播放
- Android h5全屏播放video
- html5 video播放调研,全屏,伪全屏
- ios,安卓实现video小屏播放,不全屏播放的方法
- 手机浏览器(微信浏览器)不全屏播放视频的方法
- 微信视频全屏播放--测试
- 微信video标签全屏无法退出bug
- 解决微信浏览器video全屏的问题
- 微信开发H5 video 视频在ios可以播放但是在android手机上无法播放或者黑屏
- css框架
- 了解一下堆和栈的区别
- java术语(PO/POJO/VO/BO/DAO/DTO)
- 遮蔽层的实现
- web资源
- 关于如何在微信里面让video不全屏播放《2》。
- android 异步回调中操作UI线程,UI同步、卡死阻塞等性能问题
- EL表达式
- 获得文件版本信息
- Struts集成velocity
- 八大排序算法
- Sublime3_c++环境配置_实现cmd输入
- 二维码生成器文档
- CentOS安装VMwareTools