index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Bad Apple Media Metadata</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<h1>Bad Apple Media Metadata</h1>
	<p>Cop the source on
	<a href="https://github.com/SuperSonicHub1/Bad-Apple-Media-Metadata">Github</a>.
	</p>
	<div style="display: flex; flex-direction: horizontal;">
		<video src="bad-apple.mp4" id="video" controls></video>
		<canvas id="canvas" width="480" height="360"></canvas>
	</div>
	<!-- https://bandcamp.23video.com/4959050/38396135/5b433e7b91e5f07bce2b049ffad6b602/video_hd/796603972-fri-dec-21-091424-utc-video.mp4?uuid=0dd2b4ea-c57c-0c1c-a7b0-c182cd70c898 -->
	<!-- https://cadence.moe/examples/security.mp4  -->
	<script src="script.js">
	</script>
</body>

</html>