鍍金池/ 問答/HTML5  HTML/ h5手機瀏覽器中使用video層級太高

h5手機瀏覽器中使用video層級太高

clipboard.png

如圖，點擊右上角按鈕后會有個列表，但是由于video層級過高擋住了，z-index沒有用，網(wǎng)上也沒有好的方法，測試發(fā)現(xiàn)，有問題的都是騰訊開發(fā)的瀏覽器，有什么好的解決方案么

回答
編輯回答
不將就

給video添加webkit-playsinline,x5-playsinline,x5-video-player-type='h5'，后面這兩個就是針對微信瀏覽器x5內(nèi)核的設置。這樣可以讓視頻非全屏播放，也就可以設置z-index了
詳情參考X5技術文檔：http://x5.tencent.com/tbs/gui...

2018年8月18日 01:30
編輯回答
悶騷型

這個只有去研究騰訊的相關文檔。

2017年11月2日 08:51
編輯回答
巴扎嘿

這個問題很常見, 我們現(xiàn)在的解決方案就是在有彈出內(nèi)容的時候, 在 body 上增加一個特殊的類, 暫時隱藏 video, 在彈出內(nèi)容關閉時再移除這個類.

.fuck-tencent video {
    height: 1px !important;
    visibility: hidden !important;
    display: none !important;
}
2017年7月24日 12:25