How to overlay on top of video tag transparent picture?

You need to get the top video transparent picture, thereby to limit its opening.(Remove controls that doesn't work, the phone can still be open)
April 4th 20 at 00:33
1 answer
April 4th 20 at 00:35
Solution
<!DOCTYPE html>
<html>
the <head>
<title></title>
 <style type="text/css">
 .block {
 position: absolute;
 opacity: 0;
 z-index: 999999999;
}
</style>
</head>
the <body>
 <div class="block"></div>
 <video controls="controls" style="width: 100%;" class="video" src="1.mkv"></video>
 <script type="text/javascript">
 "use strict";
 let video = document.querySelector(".video");
 const getStyle = window.getComputedStyle;
 document.querySelector(".block").style = `
 width: ${getStyle(video).getPropertyValue("width")};
 height: ${getStyle(video).getPropertyValue("height")};
`;
</script>
</body>
</html>

Find more questions by tags CSSHTML