Youtube Html5 Video Player Codepen -

: Map your own buttons to the YouTube API's playVideo() , pauseVideo() , and setVolume() functions.

/* Video wrapper: 16:9 aspect ratio for true YouTube feel */ .video-wrapper position: relative; width: 100%; background: #000; cursor: pointer; youtube html5 video player codepen

Now that you have a basic understanding of HTML5 video players and CodePen, let's create a custom YouTube HTML5 video player. : Map your own buttons to the YouTube