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://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:

Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Better Content

Free Download

Cheat Sheet

A full sample of our support for text, shapes, images and effects.

Get a Free Export

Our Creative Team will export your project live and answer any questions you may have - 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

Discounts available, #RemoteWork for safety - Learn More, Shop Now.