今天在做移動端時遇到了，視頻在我的導航（導航是通過position:fixed固定的）上面問題，效果如下
通過查了一些資料設置了以下3個屬性，問題解決了
這3個屬性具體的作用如下：
webkit-playsinline="true"：視頻播放時局域播放，不脫離文檔流 。但是這個屬性比較特別， 需要嵌入網頁的APP比如WeChat中UIwebview 的allowsInlineMediaPlayback = YES webview.allowsInlineMediaPlayback = YES，才能生效。換句話說，如果APP不設置，你頁面中加了這標簽也無效，這也就是為什么安卓手機WeChat 播放視頻總是全屏，因為APP不支持playsinline，而ISO的WeChat卻支持。
這里就要補充下，如果是想做全屏直播或者全屏H5體驗的用戶，ISO需要設置刪除 webkit-playsinline 標簽，因為你設置 false 是不支持的 ，安卓則不需要，因為默認全屏。但這時候全屏是有播放控件的，無論你有沒有設置control。 做直播的可能用得着播放控件，但是全屏H5是不需要的，那么去除全屏播放時候的控件，需要以下設置：同層播放。
x5-video-player-type="h5"：啟用同層H5播放器，就是在視頻全屏的時候，div可以呈現在視頻層上，也是WeChat安卓版特有的屬性。同層播放別名也叫做沉浸式播放，播放的時候看似全屏，但是已經除去了control和微信的導航欄，只留下"X"和"<"兩鍵。目前的同層播放器只在Android（包括微信）上生效，暫時不支持iOS。筆者想過為什么同層播放只對安卓開放，因為安卓不能像ISO一樣局域播放，默認的全屏會使得一些界面操作被阻攔，如果是全屏H5還好，但是做直播的話，諸如彈幕那樣的功能就無法實現了，所以這時候同層播放的概念就解決了這個問題。不過筆者在測試的過程中發現，不同版本的ISO和安卓效果略有不同。
x5-video-orientation：聲明播放器支持的方向，可選值landscape 橫屏,portraint豎屏。默認值portraint。無論是直播還是全屏H5一般都是豎屏播放，但是這個屬性需要x5-video-player-type開啟H5模式
原文鏈接：https://blog.csdn.net/qq_16494241/article/details/62046891
