How to embed video using Flowplayer.

Flowplayer (example installed top left) is a application that allows you to post videos to your JMU website. It offers support for almost every platform including “iDevices” (iPhone, iPad, iPod Touch).

James Madison University has a domain wide licence for the commercial version of Flowplayer. This means that there is no limit on the number of times this can be used throughout JMU.

There is some simple code that you will need to add to your page to get it to function properly.

361 pixels wide x 236px high

Copy and paste the following code in the body of the page:

<!-- this is where your video file is located on the jmu server, do not change the dimensions -->
<a href="INSERT_VIDEO_URL_HERE" style="display:block;width:361px;height:236px;" id="ipad">

<!-- location of the splash image that sits in front of the video, it vanishes when clicked, alt text describes the video for disability access -->
<img src="INSERT_SPLASH_IMAGE_URL_HERE" alt="ENTER_ALT_TEXT_HERE" />
</a>

The Flowplayer is branded with the JMU identity and will not show links to other videos once the video completes. It features share links for Email, Facebook, Twitter, and also to embed on another site.

You can create a customized splash image (usually taken from a screen capture of the video) that appears when the page loads and disappears once clicked and the video commences play back. The dimensions of the splash image need to the player dimensions. The play button icon can be downloaded HERE and placed over your screen capture image.

457 pixels wide x 300 pixels high

Copy and paste the following code in the body of the page:

<!-- this is where your video file is located on the jmu server, do not change the dimensions -->
<a href="INSERT_VIDEO_URL_HERE" style="display:block;width:457px;height:300px;" id="ipad">

<!-- location of the splash image that sits in front of the video, it vanishes when clicked, alt text describes the video for disability access -->
<img src="INSERT_SPLASH_IMAGE_URL_HERE" alt="ENTER_ALT_TEXT_HERE" />
</a>