Chrome < video > the button cannot be clicked after full screen.

<html>
<head>

</head>
<body>
    <video src="http://www.w3school.com.cn/i/movie.mp4" controls="controls" loop="loop"></video>
    <button style="z-index:2147483647;position:fixed;">play/pause</button>
</body>

<script>
    var video = document.querySelector("video")
    var button = document.querySelector("button")

    button.onclick= function(e){
        video.paused ? video.play() : video.pause()
    }
</script>
</html>

the button can be clicked without full screen, but it won"t work after full screen
chrome for Mac (64.0.3282.140)

Mar.10,2021
What does

mean? You can't see the button after the full screen, of course you can't click it.


would like to ask the landlord whether the problem has been solved? I currently have the same problem as you., Mac chrome version 66.0.3359.139, custom video playback control, click invalid in full screen state. Other people's window computers have the same problem. Looks like a browser problem.


ZMY indexVO2147483648;
I can do this in the project. Level + 1, try it.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bf40b3-31ece.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bf40b3-31ece.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?