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:

• Introduction
• HTML5 video history
• Versatility and customisability
• Compatibility
• Uploading video to DNN
• How to add allowed file types
• Creating the video tag
• Setting the video source
• How to add controls
• How to make the video responsive