Skip to main content

Sun, Apr 13, 2014 5:26 PM


Can I add an HTML5 video to my site?

Note: We want to provide a few common and useful snippets for your use, but our support department is not able to assist you with editing code.  They can help you with code placement.

You can insert an HTML5 video by embedding the code using an ordinary HTML element. One sample is provided below, but you can find many others by doing a Google search for "HTML5 video embed code".

<video autoplay controls preload="auto" width="428" height="240" name="myvideo" id="myvideo">
<source src="yourvideo.mp4" type="video/mp4" />
<source src="yourvideo.m4v" type="video/mp4" />
<source src="yourvideo.ogv" type="video/ogg" />
<source src="yourvideo.webm" type="video/webm" />
*Your web browser does not support HTML5 video*

IMPORTANT: You will need to edit the code above and replace "yourvideo.mp4" with the actual name of your video file. You can edit the code for other file types besides MP4's, but the MP4 type is compatible with all modern browsers.

After you embed the code and publish the page, you will also need to import your video file into the file manager and publish the file.

1. To import the video file, click the site/domain name at the top of the SiteBuilder Plus screen.

2. From the drop-down menu, click "View File Manager".

3. Click the Import button on the top toolbar which will allow you to search your computer and select the file to import.

4. After the file is imported it will appear in the list of other files in the File Manager. You'll need to click/select the video file and then click on the "Publish" button on the top toolbar.

Once the code is embedded into the page, the video file is imported and the page & video file are published, you can view the live website and the video should play.

This conversation is no longer open for comments or replies and is no longer visible to community members.


No Responses!