30 lines
470 B
HTML
30 lines
470 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
body {
|
||
|
|
margin: 0 auto;
|
||
|
|
background: #000;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 48px;
|
||
|
|
}
|
||
|
|
video {
|
||
|
|
position: absolute;
|
||
|
|
opacity: 0;
|
||
|
|
width: 100%;
|
||
|
|
max-height: 100%;
|
||
|
|
top: 50%;
|
||
|
|
-ms-transform: translateY(-50%);
|
||
|
|
transform: translateY(-50%);
|
||
|
|
}
|
||
|
|
video.playing {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="message">Click me!</div>
|
||
|
|
<section id="video-root" />
|
||
|
|
<script src="tags.js"></script>
|
||
|
|
<script src="index.js"></script>
|
||
|
|
</body>
|