The level of using video in h5 mobile browsers is too high.

clipboard.png

as shown in the picture, there will be a list after clicking the button in the upper right corner, but because the video level is too high, z-index is useless, and there is no good method on the Internet. The test found that all the problems are the browsers developed by Tencent. Is there any good solution

?
Mar.23,2021

add webkit-playsinline,x5-playsinline,x5-video-player-type='h5', to video and these two settings are for the x5 kernel of Wechat's browser. This allows the video not to be played in full screen, so you can set z-index. For more information, please see the X5 technical documentation: ide/video.html" rel=" nofollow noreferrer "> ide/video.html" rel= "nofollow noreferrer" > http://x5.tencent.com/tbs/gui.


this can only be used to study the relevant documents of Tencent.


this problem is very common. Our solution now is to add a special class to the body when there is pop-up content, temporarily hide the video, and then remove the class when the pop-up content is closed.

.fuck-tencent video {
    height: 1px !important;
    visibility: hidden !important;
    display: none !important;
}
Menu