4. How to Create a Fullscreen HTML5 Video Pane for a DNN Theme

In this tutorial we walk you through step by step how to implement HTML5 video in DNN.

We learn how to implement a cross browser friendly HTML5 video player, and then create a fullscreen video background pane for any DNN theme.

The HTML5 video standard was introduced all the way back in 2007. It has become the standard and native way to display video without relying on the user having installed browser plugins such as Adobe Flash or Microsoft’s silverlight. The video element is the only real stable way to present videos on mobile devices such as the iPhone because most mobile browsers do not allow the installation of media plugins such as Flash.

Resources:
How to Build a Basic DotNetNuke Skin with Twitter Bootstrap 3

This video contains:

• Creating a fullscreen video container
• Adding the HTML5 video element
• Configuring the element
• How to overlay content
• Vertically and horizontally centering content