Loading...

Add Media (Audio, Video, SWF) to HTML5

You can create native Media Objects such as streaming audio, video and SWF. Please note that all browsers and devices will render native Media Objects differently, so you may have to tweak the Output.

Before adding Media Objects you should read about Object Tags and downlaod our Layer Tags Support free PSD template.

Step-By-Step Video


Need a visual? Watch our step-by-step tutorial!

Watch more video tutorials.

Step 1: Draw the Media Container

Use the shape tool and draw a Rectangle where you want the media element to be placed.

Step 2: Add the Object Tag

Add the Object Tag for your desired Media Object to the shape in step 1.

Eg: ${object|mp4:/path/to/myfile.mp4}
Eg: ${object|wav:http://localhost/path/to/music.wav}

Your Media Object will render as a native player in the Output with the properties of the shape.

Download the Layer Tag Support free PSD tempalte to test Object Tags with your output.
LOGIN NOW: Get instant access to our free Online Training - click here.

Using the Plugin

How To Guides

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


Advanced Website

A professional multi-page website design with dynamic height.

Start Your 14 Day Free Trial

Get instant access to your 14 Day Free Trial and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us