Youtube Html5 Video: Player Codepen

.ctrl-btn width: 32px; height: 32px; font-size: 1rem;

.progress-fill background: #ff0000; width: 0%; height: 100%; border-radius: 5px; position: relative; transition: width 0.05s linear; youtube html5 video player codepen

.play-btn background-color: #fff; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; .ctrl-btn width: 32px

.video width: ; right: ; background: linear-gradient(transparent, rgba( )); opacity: ; transition: opacity ; .progress-fill background: #ff0000