custom video player html5 books

1var moviecontainer = document.getElementById("customcontrols"),
2movie = moviecontainer.querySelector("video"),
3controls = moviecontainer.querySelector("figcaption"),
4playpause = controls.querySelector("a");
5movie.removeAttribute("controls");
6controls.style.display = "block";

1#customcontrols {
2	font-size: 0;
3}
4#customcontrols figcaption { 
5	background: rgba(0,0,0,0.6); 
6	display: none; padding: .5em; 
7	color: #fff;
8	position: relative; top: -2.2rem;
9	text-align: right;
10	margin-bottom: -2.2rem;
11}
12#customcontrols figcaption a { 
13	text-decoration: none; font-size: 1rem; 
14	margin-right: .5rem;
15	color: #fff;
16	border-bottom: none;
17}
18#customcontrols a:hover { color: red; }
19#customcontrols a:visited { color: #770; }