Youtube Html5: Video Player Codepen

/* Custom Controls Container / .custom-controls position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); padding: 20px 16px 10px 16px; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; / Allows clicking through to video initially */

When you paste the above code into CodePen, keep these optimizations in mind: youtube html5 video player codepen