首页 > 开发 > HTML > 正文

我弄了个h5页面,里面有个video标签……

2017-09-09 13:19:03  来源: 网友分享

我弄了页面,里面有个video标签,微信打开的时候,一点就弹出新窗口播放,
怎么能强制它不弹出新标签呢?

解决方案

ios新版本下微信是可以设置不全屏的,安卓微信也可以设置video上压自定义UI元素。

贴一个我现在用的播放设置:

    <video src="resource/v.mp4" poster="resource/poster.jpg" x-webkit-airplay="true" webkit-playsinline="true" airplay="allow" playsinline="allow" x5-video-player-fullscreen="true" x5-video-player-type="h5" preload="auto" id="video"></video>

详细介绍

<video id="videoID" src="video.mp4" poster="loadbg.jpg"u3000视频封面 preload="auto" x-webkit-airplay="allow" x5-video-player-type="h5"u3000启用H5播放器,是wechat安卓版特性 x5-video-player-fullscreen="true"u3000全屏设置,设置为 true 是防止横屏 x5-video-orientation="portraint"u3000播放器支付的方向,landscape横屏,portraint竖屏,默认值为竖屏 webkit-playsinline="true"u3000这个属性是iOS 10中设置可以让视频在小窗内播放,也就是不是全屏播放 playsinline="true"u3000ios微信浏览器支持小窗内播放 style="object-fit:fill">

参见这个文章说的:
http://blog.csdn.net/qq_16494...

https://x5.tencent.com/tbs/gu...