美文网首页
微信内使用video播放视频如何小窗播放

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

作者: sunshine_陈 | 来源:发表于2018-12-24 11:28 被阅读0次

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

    加上后即可小窗播放

    相关文章

      网友评论

          本文标题:微信内使用video播放视频如何小窗播放

          本文链接:https://www.haomeiwen.com/subject/ytwakqtx.html