iTakeo

Archive for 1 月, 2017

关于如何在微信里面让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 / /
标签:  暂无标签
回到顶部