thespann

OK I found my answer and are very happy to have the video up and running in as little as twenty minuets.
all I needed was the [Plugin: Video.js – HTML5 Video Player for WordPress]
I had to convert my original video into three other formats and make a ‘png’ file for back up when the video is not available.

The plugin has all the support documentation you need and its as simple as cut and paste on script into my header and I was done.

this is the new code that replaced the code for the original header picture.

NEW CODE:

<video id=”example_video_1″ class=”video-js vjs-default-skin”
preload=”auto” width=”935″ height=”163″ autoplay=”true” loop=”true” controls=”false” margin=”0″ class=”aligncenter”
poster=”http://morningtonfishingcharters.com.au/wp-content/uploads/2016/02/mornington-fishing-charters.png&#8221;
data-setup='{“example_option”:true}’>
<source src=”http://morningtonfishingcharters.com.au/wp-content/uploads/2016/02/mornington-fishing-charters.mp4&#8243; type=”video/mp4″ />
<source src=”http://morningtonfishingcharters.com.au/wp-content/uploads/2016/02/mornington-fishing-charters.webm&#8221; type=”video/webm” />
<source src=”http://morningtonfishingcharters.com.au/wp-content/uploads/2016/02/mornington-fishing-charters.ogv&#8221; type=”video/ogg” />
<p class=”vjs-no-js”>To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
</video>

OLD CODE:

<div class=”visual-img”>
<img src=”<?php bloginfo(‘template_url’); ?>/images/visual-header.jpg” width=”932″ height=”147″ alt=”Mornington Fishing Charters” />
</div>