朝圣言
扫描关注朝圣言

手机扫描二维码

微信内使用video播放视频如何小窗播放

朝圣言2017-08-15朝圣言 2356 0A+A-

腾讯对微信尤其是安卓版本的内置浏览器内核做了一点点小处理,在X5内核下,播放会强制全屏,如果需要进行边视频边互动下则无法实现。

老夫无论使用百度或者是科学上网google都没有解决办法,就连腾讯开发者论坛内相关帖子也都做了删除处理。

后面发现,如果要实现小窗播放,只需要把video转化为html5模式,转化方法如下。

<video style="object-fit:fill" preload="auto" id="liveVideo" width="100%" autoplay="autoplay" height="100%" controls="" webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-playsinline" x-webkit-airplay="allow" src="${src}" poster="${poster}"> </video>

这里重点在于

controls="" webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-playsinline" x-webkit-airplay="allow"

加上后即可小窗播放

微信内使用video播放视频如何小窗播放  前端 web 小知识 小技巧 第1张

文章关键词
前端
web
小知识
小技巧
发表评论