<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)