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

腾讯对微信尤其是安卓版本的内置浏览器内核做了一点点小处理,在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"

加上后即可小窗播放

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容