HTML5 Media - HTML5 Advertising - page 148

You most likely know that having a video presence in your next digital marketing campaign is very important.
The current digital video market is huge, about $4+ billion in 2012, and showing no signs of slowing up anytime soon.
But how can you provide video content across screens, devices, and browsers in this new modern Web? HTML5
video is big news for any content producer, publisher, and designer because by implementing a simple video tag in
your HTML markup, you can now create a video playback controller with the upmost of ease. Before I showcase the
simplicity, I'll review with you how it was achieved using Flash. Listing 7-1 shows a sample video using this method.
Listing 7-1. Flash Video Playback Example
<div id="flashContent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="360" id="VideoTest"
align="middle">
<param name="movie" value=" VideoTest.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>−−>
<object type="application/x-shockwave-flash" data="VideoTest.swf" width="640" height="360">
<param name="movie" value="VideoTest.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href=" http://www.adobe.com/go/getflash " >
<img src=" http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif "
alt="Get Adobe Flash player" /></a>
<!--[if !IE]>−−>
</object>
<!--<![endif]-->
</object>
</div>
I think you'd agree that's a lot of code to just show a video on the screen! Now, to implement an HTML5 video
element within your ad creative, you simply create the video element within the DOM by writing the following:
<video></video>