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

2018-12-24  本文已影响0人  sunshine_陈

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

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

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

<videostyle="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"

加上后即可小窗播放

上一篇下一篇

猜你喜欢

热点阅读