关于如何在微信里面让video不全屏播放《2》。
2017-04-10 17:30
274 查看
之前有关于如何让video在微信或者QQ浏览器里面不默认弹出全屏播放,可点击这里查看。
今天发现一个更简单的解决方法,加上一条属性即可。x5-video-player-type=”h5″。通过设置这个属性,让video开启同层H5播放器。另外在X5内核里,video是单独的一个view,会覆盖在任何元素之上,据说是为了统一用户体验,加上这个属性之后,也可以让其他元素浮在video上面了。
经过测试,在IOS设备,依然还需要添加如下属性 x-webkit-airplay=”true” playsinline webkit-playsinline=”true”。
另外还有几个属性 x5-video-player-fullscreen=”true”,视频播放时将会进入到全屏模式。
x5videoorientation,声明播放器支持的方向,可选值: landscape 横屏, portraint竖屏 ,此属性只在声明了x5videoplayertype=”h5″情况下生效。
点击这里查看DEMO
今天发现一个更简单的解决方法,加上一条属性即可。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
相关文章推荐
- 关于如何在微信里面让video不全屏播放。
- 关于Google浏览器使用layer弹出层video标签播放视屏无法全屏播放问题
- 安卓视频播放API--VideoView如何加载项目视频资源,如何全屏播放,如何作为欢迎页面的背景显示?
- 微信内置浏览器 如何小窗不全屏播放视频?也可以尝试canvas.
- 如何实现兼容 PC 和微信 H5 的全屏播放小视频
- 微信内置浏览器 如何小窗不全屏播放视频?
- 微信内置浏览器 如何小窗不全屏播放视频?
- VIDEO标签在微信浏览器内播放会自动全屏
- html5 - 如何让H5 video标签在移动端,不默认全屏播放。
- .NET关于Repeater如何遍历里面的CheckBox,并且怎么获取每一列的值!(三张表的)
- 如何实现videoView的自动连续播放视频文件
- Android VideoView如何播放RTSP的流
- 关于mplayer如何在后台播放的问题
- Android 使WebView支持HTML5 Video(全屏)播放的方法
- 问题:Flex4的手机项目里面不支持VideoDisplay组件,视频怎样播放?
- 解决关于如何实现锁屏后继续播放音乐的问题
- 如何解决关于TableView里面cell随机显示的问题
- Android VideoView如何播放RTSP的流
- 解决关于如何实现锁屏后继续播放音乐的问题
- 如何获取UIWebView中全屏播放视频事件