<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video with alpha</title>
</head>
<body>
<div style="position: absolute; font-family: sans-serif; max-width: 600px;">
<h1>Web video with transparency demo</h1>
<p>This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
This text appears under the playing video, and it works in both Chrome and Safari.
</p>
</div>
<div style="position:absolute">
<video width="600" height="100%" autoplay="" loop="" muted="" playsinline="">
<source src=“NETFLIXnoW.mp4” type="video/mp4; codecs="hvc1"">
<source src=“NETFLIXnoW.webm" type="video/webm">
</video>
</div>
</body></html>