Merge pull request #183 from LaurentGoderre/master

Modification to the video example

demos/multimedia/multimedia-eng.html

@@ -98,26 +98,32 @@
 <!-- MainContentStart -->
 <h1 id="cn-cont">Multimedia player - Web Experience Toolkit (WET)</h1>
 <section>
-<div class="span-8">
-    <!--HTML5 video + HTML caption-->
-    <div class="wet-boew-multimedia">
+<div>
+
+    <div class="wet-boew-multimedia span-4">
+	<h2>WebM(VP8) source and HTML captions<br/></h2><br/>
+	<p>It is not recommended to only use WebM because most mobile browsers and the fallback mechanism don't support it and  MP4(H264 + AAC) should be provided.</p>
 	<video width="480" height="270" poster="http://31591.vws.magma.ca/sct-tbs/wet-boew/thumbnail.png" title="Video Example">
 	    <source src="http://31591.vws.magma.ca/sct-tbs/wet-boew/demo.webm" type="video/webm" />
 	    <track kind="captions" data-type="text/html" src="mediaplayer-transcript_captions-eng.html"/>
 	</video>
 	<p><a href="mediaplayer-transcript_captions-eng.html">Transcript</a></p>
     </div>
-	<!--HTML5 video + TTML caption-->
-    <div class="wet-boew-multimedia">
+
+    <div class="wet-boew-multimedia span-4">
+	<h2>MPEG4 H264 + AAC) and WebM(VP8) sources with TTML captions</h2>
+	<p>Using MPEG4 and WebM together supports the widest variety of browsers.</p><br/>
 	<video width="480" height="270" poster="http://31591.vws.magma.ca/sct-tbs/wet-boew/thumbnail.png" title="Video Example">
 		<source src="http://31591.vws.magma.ca/sct-tbs/wet-boew/demo.webm" type="video/webm" />
 		<source src="http://31591.vws.magma.ca/sct-tbs/wet-boew/demo.mp4" type="video/mp4" />
 	    <track kind="captions" data-type="application/ttml+xml" src="captions-eng.xml"/>
 	</video>
 	<p><a href="mediaplayer-transcript_captions-eng.html">Transcript</a></p>
-    </div>
-    <!--Fallback video + Inline HTML Captions -->
-    <div class="wet-boew-multimedia">
+    </div><div class="clear"></div>
+
+    <div class="wet-boew-multimedia span-4">
+	<h2>MPEG4 H264 + AAC) and WebM(VP8) sources with inline HTML captions</h2>
+	<p>This example illustrates the use of an inline transcript to provide captions. This example can also demonstrate the fallback mechanism in Web browsers that don't support HTML5 videos.</p>
 	<video width="480" height="270" poster="http://31591.vws.magma.ca/sct-tbs/wet-boew/thumbnail.png" title="Video Example">
 	    <source src="http://31591.vws.magma.ca/sct-tbs/wet-boew/demo.mp4" type="video/mp4" />
 	   <track kind="captions" data-type="text/html" src="#inline-captions"/>