Html5 Video Player Codepen — Custom

video width: 100%; height: auto; display: block; vertical-align: middle;

/* SPEED DROPDOWN */ .speed-select background: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.2); color: white; padding: 0.3rem 0.6rem; border-radius: 32px; font-size: 0.8rem; font-weight: 500; cursor: pointer; font-family: inherit; transition: 0.1s; .speed-select:hover background: #1e293b; custom html5 video player codepen

<!-- Time display --> <div class="time-display" id="timeDisplay"> 00:00 / 00:00 </div> video width: 100%

/* FULLSCREEN BTN */ .fullscreen-btn font-size: 1.3rem; border: 1px solid rgba(255

.progress-bar:hover height: 8px;