iTakeo

关于如何在微信里面让video不全屏播放《2》。

之前有关于如何让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”，视频播放时将会进入到全屏模式。

x5?video?orientation，声明播放器支持的方向，可选值： landscape 横屏, portraint竖屏，此属性只在声明了x5?video?player?type=”h5″情况下生效。

点击这里查看DEMO

2017/01/12 18 /

前端

标签: 暂无标签

评论回复

回复 2017/01/12 亮哥

😛 干的好，亲测有效！
回复 2017/01/17 234

收藏了，IOS 10.2 qq 微信有效，但是UC不行， UC有什么解决办法么？
回复 2017/02/16 happyjohann

你好！Great! That really helps!
回复 2017/04/01 匿名

🙄 厉害，有效
回复 2017/04/10 匿名

可以搞起来
回复 2017/11/20 么么哒

厉害了
回复 2017/11/20 么么哒

可以
回复 2017/11/20 匿名

你好
回复 2017/11/20 匿名

你好啊
回复 2017/11/20 匿名

3123大傻蛋
回复 2017/11/20 匿名

问问去
回复 2017/11/20 匿名

哒哒哒
回复 2017/11/20 匿名

哒哒哒1
回复 2017/11/20 匿名

有用
回复 2017/11/20 匿名

你好啊啊1
回复 2017/11/20 匿名

你好啊啊15
回复 2018/03/26 匿名

小米华为手机都没有用，微博播放demo还是全屏的 😕 😕
- 回复 2018/03/29 cheng
  
  不是说了么，微信里面

回到顶部