4. How to Create a Fullscreen HTML5 Video Pane for a DNN Theme
  1. 9m 58s
    Jul 01, 2016

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
Tags:
dnn7 skin advanced dnn8
Author:
Andy Stephenson

About 2016 Edition

2h 45m 32s All Jan 01, 2016

DNN Video Tutorials posted during 2016

Tags:
dnn7 dnn8 advanced beginners skin
Author:
Andy Stephenson
Back

Try FREE
30 days money back guaranteed