網(wǎng)絡上有很多關于該問題的解答辈末,而且大家遇到的狀況也是層出不窮。
我初步分析是由于不同廠商和游覽器內(nèi)核版本等不同導致的標簽解析和渲染問題。我僅僅以我的兩個手機進行解答源织。
首先我得機型分別是nubia z11 android 6.0.1
和 huawei nova 3 android 9.0
測試時間 2019.8.13
兩款手機的表現(xiàn)是,huawei 和 nubia未點擊video時微猖,video都是正常層級谈息,如display:fixed的元素都會在video上面。
但是當點擊video后凛剥,huawei呈現(xiàn)的是非全屏播放狀態(tài)侠仇,而nubia是全屏播放狀態(tài)。然后我們關閉視頻犁珠,發(fā)現(xiàn)video會在之前的固定定位的元素之上逻炊。也就是大家所描述的video層級達到了最高。
出現(xiàn)這個問題后犁享,我只加了如下標簽余素,效果便正常了,而且在iphone x上也查看了一下效果炊昆。正常無誤桨吊。所以貼一下代碼分享給大家:
<video
src="https://xxxxxxx自己寫.mp4"
preload="true"
poster="/static/srRubikCube_slices/preloadWithPadding.jpg"
webkit-playsinline="true"
x5-video-player-type="h5"
x5-video-orientation="portraint"
className={styles.video}
controls
/>
文章轉自https://blog.csdn.net/qq_38735649/article/details/99410719