騰訊對微信尤其是安卓版本的內置瀏覽器內核做了一點點小處理,在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>
這裏重點在於
webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-playsinline" x-webkit-airplay="allow"
加上後即可小窗播放