Embedonly Demo with quick and lightweight jmeEmbed

Video-Demo

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore mag

sed diam nonumy eirmod tempor invidunt ut labore et dolore mag

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore mag

sed diam nonumy eirmod tempor invidunt ut labore et dolore mag


(c) copyright Blender Foundation | www.bigbuckbunny.org


Audio-Demo


How to

I. Include the JS-File:

<script src="../packages/mm.embed.min.js"></script>

II. call jmeEmbed on Document Ready

jmeEmbed makes your HTML5 media elements cross browser and if you have included mm.full.*.js it also initializes the DOM-API.

$(function(){ $('video, audio').jmeEmbed(); });

III. Configure path to swf-Fallback

Note: If the player.swf is not in your JS-folder. You have to configure the path to the JW-Player. There are two ways to achieve this (Using Markup or using JavaScript Configuration):

Configute swf path width markup

<script class="jwPlayer" type="application/swf" src="path-to/player.swf"></script>

Configute swf path in JS

$(function(){ $('video, audio').jmeEmbed({ jwPlayer: { path: 'path-to/player.swf' } }); });

IV. Use HTML5 media elements

<video poster="media/bbb_watchtrailer.gif" controls="controls"> <source src="media/bbb_trailer_mobile.m4v" /> <source src="media/bbb_trailer_400p.ogg" /> </video>