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: You need to login so your progress is tracked with Online Training - click here.

Products For Web Professionals


web_templates_2

Web-Templates 2.0

webmaster_pack

Webmaster

webmaster_pack

Webmaster (6 Months)

Need a custom solution?

Try our Shop!

Using the Plugin

Layer Support

Layer Tags

How To Guides

Optimization Tips

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


Cheat Sheet

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

Start Your 14 Day Free Trial

New users get instant access to the 14 Day Free Trial with all features enabled, and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, contact us or check our FAQs for assistance.

Connect With Us

Top