This example opens after 2.7 seconds, (or rollover to open) and autoplay as well. Muted in the beginning.








Rollover to open and autoplay this HTML5 video banner.





 

We are using the free Jplayer (http://jplayer.org/) in this example

 

We add a little bit of extra code when we Rollover the first banner to start the video playing in the larger banner.

 

<a id="squarebottomright" onmouseover="document.getElementById('squarebottomright_expanded_media').contentWindow.playvid('#jquery_jplayer_1');"><img src="images/banners/125x125.jpg" /></a>

 

 

Inside of larger expandable banner on the close button we are using.

<a href="javascript:parent.ExpandableBanners.closeAd('squarebottomright');$('#jquery_jplayer_1').jPlayer('stop'); "> Click here to close </a>














 


Unlimited Creativity




Start your free Account