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