
這是在微信中正常頁面,就是用了一個原生video標簽沒做任何處理。然后頂部是固定頁面頂端的,這個時候向上滑動頁面時,會出現下圖現象

這個時候正常人都會想到z-index問題,我也是這樣想的,可惜很抱歉的告訴大家,你把z-index設置多大都無效,隨便設置都不會起作用,最后我找了很多資料,發現這個問題很多人都遇到了,都是無解。原生的video標簽就是這么坑,大家想其他方式繞行吧!!!
我項目中解決大概的思路是:當然上面所描述的情況就不處理了,因為大家可以上bilibili看一下,同樣的問題,未解決!然后我當前頁面有一個抽獎按鈕,點擊抽獎后會彈出抽獎結果,注意這個時候是模態框呀,video的層級永遠大於頁面上的所有元素,這個時候我解決這個問題的大致思路是這樣的,當彈出模態框的同時將video的display的屬性改為none,就是隱藏video,然后將視頻此時的這一幀保存用一個img標簽來占video的位置。大概思路是這樣的,具體現實大家自行去做吧!
