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

02. Using The Plugin

03. Layer Support

04. Basic Exports

05. Layer Tags

06. Optimization Tips

07. Complete Exports

DOWNLOAD NOW
🚀 Start saving time and money!