1<video autoplay muted loop id="myVideo">
2 <source src="path_to_video" type="video/mp4">
3 Your browser does not support HTML5 video.
4</video>
5
1 /* Style the video: 100% width and height to cover the entire window */
2#myVideo {
3 position: fixed;
4 right: 0;
5 bottom: 0;
6 min-width: 100%;
7 min-height: 100%;
8}
9
10/* Add some content at the bottom of the video/page */
11.content {
12 position: fixed;
13 bottom: 0;
14 background: rgba(0, 0, 0, 0.5);
15 color: #f1f1f1;
16 width: 100%;
17 padding: 20px;
18}
19
20/* Style the button used to pause/play the video */
21#myBtn {
22 width: 200px;
23 font-size: 18px;
24 padding: 10px;
25 border: none;
26 background: #000;
27 color: #fff;
28 cursor: pointer;
29}
30
31#myBtn:hover {
32 background: #ddd;
33 color: black;
34}
35