Olivier Mengué – Code & rando - Tag - video2024-03-29T03:58:18+01:00urn:md5:57e646ab8ca85028168daaaa985aa995DotclearDailyMotion's poor HTML codeurn:md5:436386353f1c666b7db513869ba1d2732006-11-11T17:53:20+00:002007-08-19T20:16:08+00:00Olivier MenguéCodeDailyMotiondailymotion.comHTMLvideowebdev <p>For <a href="http://o.mengue.free.fr/blog/2006/11/11/4-rallye-du-pays-vencois-2006" hreflang="fr">my post of this morning</a> that included a video I did use <a href="http://www.dailymotion.com">DailyMotion</a> services. When you upload a video, they provide HTML code to embed it on your site. OK, that seems fine. But it's not. Here is the code:</p>
<!--
<pre class="code vim vimft-html"><div>
<object width="425" height="335">
<param name="movie" value="http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf"></param>
<param name="allowfullscreen" value="true"></param>
<embed src="http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf" type="application/x-shockwave-flash" width="425" height="334" allowfullscreen="true"></embed>
</object><br />
<b><a href="http://www.dailymotion.com/video/xmj2z_rallye-de-vence-2006-speciale-3-96">Rallye de Vence 2006 - Spéciale 3 - 96</a></b>
</div></pre>
-->
<pre class="code vim vimft-html">
<span class="Identifier"><</span><span class="Statement">div</span><span class="Identifier">></span>
<span class="Identifier"><</span><span class="Statement">object</span><span class="Identifier"> </span><span class="Type">width</span><span class="Identifier">=</span><span class="Constant">"425"</span><span class="Identifier"> </span><span class="Type">height</span><span class="Identifier">=</span><span class="Constant">"335"</span><span class="Identifier">></span>
<span class="Identifier"><</span><span class="Statement">param</span><span class="Identifier"> </span><span class="Type">name</span><span class="Identifier">=</span><span class="Constant">"movie"</span><span class="Identifier"> </span><span class="Type">value</span><span class="Identifier">=</span><span class="Constant">"http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf"</span><span class="Identifier">></span><span class="Identifier"></</span><span class="Statement">param</span><span class="Identifier">></span>
<span class="Identifier"><</span><span class="Statement">param</span><span class="Identifier"> </span><span class="Type">name</span><span class="Identifier">=</span><span class="Constant">"allowfullscreen"</span><span class="Identifier"> </span><span class="Type">value</span><span class="Identifier">=</span><span class="Constant">"true"</span><span class="Identifier">></span><span class="Identifier"></</span><span class="Statement">param</span><span class="Identifier">></span>
<span class="Identifier"><</span>embed<span class="Identifier"> </span><span class="Type">src</span><span class="Identifier">=</span><span class="Constant">"http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf"</span><span class="Identifier"> </span><span class="Type">type</span><span class="Identifier">=</span><span class="Constant">"application/x-shockwave-flash"</span><span class="Identifier"> </span><span class="Type">width</span><span class="Identifier">=</span><span class="Constant">"425"</span><span class="Identifier"> </span><span class="Type">height</span><span class="Identifier">=</span><span class="Constant">"334"</span><span class="Identifier"> allowfullscreen=</span><span class="Constant">"true"</span><span class="Identifier">></span><span class="Identifier"></</span>embed<span class="Identifier">></span>
<span class="Identifier"></</span><span class="Statement">object</span><span class="Identifier">></span><span class="Identifier"><</span><span class="Statement">br</span><span class="Identifier"> /></span>
<span class="Identifier"><</span><span class="Statement">b</span><span class="Identifier">><</span><span class="Statement">a</span><span class="Identifier"> </span><span class="Type">href</span><span class="Identifier">=</span><span class="Constant">"http://www.dailymotion.com/video/xmj2z_rallye-de-vence-2006-speciale-3-96"</span><span class="Identifier">></span><span class="Underlined">Rallye de Vence 2006 - Spéciale 3 - 96</span><span class="Identifier"></</span><span class="Statement">a</span><span class="Identifier">></</span><span class="Statement">b</span><span class="Identifier">></span>
<span class="Identifier"></</span><span class="Statement">div</span><span class="Identifier">></span></pre>
<p>Here are my grievances:</p>
<ul>
<li>This code uses <code><embed></code> tags, which have never been part of any W3C HTML specifications. <code><embed></code> is, AFAIK, a Netscape-only tag. Firefox/Mozilla now recognizes the standard <code><object></code> tag, so <code><embed></code> is only required for compatiblity with Netscape 4.x which, at web2.0 time, nobody uses anymore.</li>
<li>They do not provide alternative strictly validating XHTML code. Most blog and CMS software are now XHTML strict compliant. Embedding this code breaks strict validation and could cause the page to not display at all.</li>
<li>The code is not working with old Flash versions and does not tells why or proposes to upgrade. My parents have Flashplayer 6, and the display is weired. Even worse, when clicking on the link below the video to go to DailyMotion site, it crashes IE6 (with latest security patches).</li>
</ul>
<p>So, here is my own code:</p>
<!--
<pre><div class="video dailymotion">
<object width="425" height="335" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
<param name="movie" value="http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf"></param>
<param name="FlashVars" value="playerMode=embedded"></param>
<!--[if !IE]>-->
<object width="425" height="335" data="http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf" type="application/x-shockwave-flash"></object>
<!--<![endif]-->
</object><br />
<b><a href="http://www.dailymotion.com/video/xmj2z_rallye-de-vence-2006-speciale-3-96">Rallye de Vence 2006 - Spéciale 3 - 96</a></b>
</div></pre>
-->
<pre class="code vim vimft-html">
<span class="Identifier"><</span><span class="Statement">div</span><span class="Identifier"> </span><span class="Type">class</span><span class="Identifier">=</span><span class="Constant">"video dailymotion"</span><span class="Identifier">></span>
<span class="Identifier"><</span><span class="Statement">object</span><span class="Identifier"> </span><span class="Type">width</span><span class="Identifier">=</span><span class="Constant">"425"</span><span class="Identifier"> </span><span class="Type">height</span><span class="Identifier">=</span><span class="Constant">"335"</span><span class="Identifier"> </span><span class="Type">classid</span><span class="Identifier">=</span><span class="Constant">"clsid:D27CDB6E-AE6D-11CF-96B8-444553540000"</span><span class="Identifier"> </span><span class="Type">codebase</span><span class="Identifier">=</span><span class="Constant">"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"</span><span class="Identifier">></span>
<span class="Identifier"><</span><span class="Statement">param</span><span class="Identifier"> </span><span class="Type">name</span><span class="Identifier">=</span><span class="Constant">"movie"</span><span class="Identifier"> </span><span class="Type">value</span><span class="Identifier">=</span><span class="Constant">"http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf"</span><span class="Identifier">></span><span class="Identifier"></</span><span class="Statement">param</span><span class="Identifier">></span>
<span class="Identifier"><</span><span class="Statement">param</span><span class="Identifier"> </span><span class="Type">name</span><span class="Identifier">=</span><span class="Constant">"FlashVars"</span><span class="Identifier"> </span><span class="Type">value</span><span class="Identifier">=</span><span class="Constant">"playerMode=embedded"</span><span class="Identifier">></span><span class="Identifier"></</span><span class="Statement">param</span><span class="Identifier">></span>
<span class="Comment"><!</span><span class="Comment">--[if !IE]>--</span><span class="Comment">></span>
<span class="Identifier"><</span><span class="Statement">object</span><span class="Identifier"> </span><span class="Type">width</span><span class="Identifier">=</span><span class="Constant">"425"</span><span class="Identifier"> </span><span class="Type">height</span><span class="Identifier">=</span><span class="Constant">"335"</span><span class="Identifier"> </span><span class="Type">data</span><span class="Identifier">=</span><span class="Constant">"http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf"</span><span class="Identifier"> </span><span class="Type">type</span><span class="Identifier">=</span><span class="Constant">"application/x-shockwave-flash"</span><span class="Identifier">></span><span class="Identifier"></</span><span class="Statement">object</span><span class="Identifier">></span>
<span class="Comment"><!</span><span class="Comment">--<![endif]--</span><span class="Comment">></span>
<span class="Identifier"></</span><span class="Statement">object</span><span class="Identifier">></span><span class="Identifier"><</span><span class="Statement">br</span><span class="Identifier"> /></span>
<span class="Identifier"><</span><span class="Statement">b</span><span class="Identifier">><</span><span class="Statement">a</span><span class="Identifier"> </span><span class="Type">href</span><span class="Identifier">=</span><span class="Constant">"http://www.dailymotion.com/video/xmj2z_rallye-de-vence-2006-speciale-3-96"</span><span class="Identifier">></span><span class="Underlined">Rallye de Vence 2006 - Spéciale 3 - 96</span><span class="Identifier"></</span><span class="Statement">a</span><span class="Identifier">></</span><span class="Statement">b</span><span class="Identifier">></span>
<span class="Identifier"></</span><span class="Statement">div</span><span class="Identifier">></span>
</pre>
<p>Tested with Firefox 1.5.0.8 and Internet Explorer 6. I just hope it works with Opera/Safari/Konqueror…</p>
<p>Some reference documentation from <a href="http://devedge-temp.mozilla.org/library/manuals/2002/plugin/1.0/intro.html#1001793">Netscape/Mozilla</a> and <a href="http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_4150">Ado</a> <a href="http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701">be</a> were useful.</p>Rallye du Pays Vençois 2006urn:md5:e6c2c49c7018e24d05d40e64c3c2ecf02006-11-11T09:57:49+00:002007-02-21T16:26:47+00:00Olivier MenguéGénéralrallyeVencevideo <p>J'étais le week-end dernier dans les Aples-Maritimes. Pour randonner, bien sûr, mais aussi pour assister au <a href="http://www.ffsa.org/res_rallye.php?id=426&catCourse=ral" title="Résultats officiels FFSA">10<sup><small>e</small></sup> Rallye Régional du Pays Vençois</a>, dans l'arrière-pays au-dessus de <a href="http://maps.google.fr/maps?f=q&hl=fr&q=Vence&ie=UTF8&z=13&ll=43.750637,7.092018&spn=0.085932,0.237579&om=1" title="Carte Google Maps">Vence</a>.</p>
<p>Voici les deux équipages que j'encourageais :</p>
<ul>
<li>La <a href="http://www.ffsa.org/res_rallye.php?catCourse=ral&&id=426&&typf=detEng&&idPil=11&&gr=F2&&cl=14&&typRes=tem" title="Résultats officiels FFSA">Porshe 911 n<sup><small>o</small></sup>11</a>, avec au volant Christian Estienne, mon cousin. Malheureusement ils ont du abandonner dimanche sur problème mécanique.</li>
<li>La <a href="http://www.ffsa.org/res_rallye.php?catCourse=ral&&id=426&&typf=detEng&&idPil=96&&gr=A&&cl=6&&typRes=tem" title="Résultats officiels FFSA">Citroën Saxo n<sup><small>o</small></sup>96</a>, dont le co-pilote était Rémi Mongheal. Les voici à la nuit tombée dans la spéciale n<sup><small>o</small></sup>3 (Andon - Col de Castellaras) à l'épingle du Pont du Loup, et le dimanche après-midi dans la spéciale n<sup><small>o</small></sup>8, la descente du Col de Vence.
<div class="video dailymotion"><object width="425" height="335" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"><param name="movie" value="http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf"></param><param name="FlashVars" value="playerMode=embedded"></param><!--[if !IE]>--><object width="425" height="335" data="http://www.dailymotion.com/swf/2JarEXHqOuOxZ4psf" type="application/x-shockwave-flash"></object><!--<![endif]--></object><br /><b><a href="http://www.dailymotion.com/video/xmj2z_rallye-de-vence-2006-speciale-3-96">Rallye de Vence 2006 - Spéciale 3 - 96</a></b></div>
<div class="video dailymotion"><object width="425" height="335" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"><param name="movie" value="http://www.dailymotion.com/swf/7nSEVPcHGAhZg4ppZ"></param><param name="FlashVars" value="playerMode=embedded"></param><!--[if !IE]>--><object width="425" height="335" data="http://www.dailymotion.com/swf/7nSEVPcHGAhZg4ppZ" type="application/x-shockwave-flash"></object><!--<![endif]--></object><br /><b><a href="http://www.dailymotion.com/video/xmiz3_rallye-de-vence-2006-speciale-8-96">Rallye de Vence 2006 - Spéciale 8 - 96</a></b></div></li>
</ul>
<p>Désolé, il manque le son. Mais mon appareil photo numérique, un Nikon Coolpix E995, ne le capte pas...</p>
<p>Aussi, je n'ai pas pensé à marquer un waypoint sur mon GPS au moment du passage de façon à noter l'heure exacte (oui, un GPS ça donne directement l'heure de l'horloge atomique des satellites), et sur le Coolpix, l'heure n'est réglable qu'à la minute près. Voilà une idée pour la prochaine fois.</p>