Published on

Custom HTML5 Video Player and Shadow DOM

Last Modified on
Last modified on
Custom HTML5 Video Player and Shadow DOM
Photo by Maria D. Campbell on Interglobalmedia


An app which creates a custom HTML5 video player using the Shadow DOM so that the video player can go full screen without issue. This custom HTML5 video player looks more like a YouTube or Netflix experience instead of a user agent stylesheet!

Project Includes

fullscreen api, html5 video, html5, cross-browser issues, cascading stylesheets, shadow dom, user-agent stylesheets, pseudo elements, javascript

To read my post on my experience building this application, please visit Creating a Custom HTML5 Video Player And The Shadow DOM.