javascript - The level of h5 video is too high and it floats above the div. How to solve it?

Question

When using the video tag to create video elements in

h5, the level of some Android videos will become the highest, which cannot be solved using z-index. What should I do?

Answer 1

<video playsinline -webkit-playsinline ></video>

If that doesn’t work:

video{
    display : none;
}

setInterval(function(){
    canvas.getContext('2d').drawImage(video,0,0);
},16);

Answer 2

Try it in an absolutely positioned container.

Answer 3

Some Android webviews will actively start the system's built-in player when they detect that the video tag is playing, and the browser will be covered by the pop-up player.