Dailymotion, le service d’hébergement, de partage et de visionnage de vidéos en ligne a très récemment mis à disposition de ces utilisateurs un snippet afin de rendre compatible la possibilité de regarder des vidéos en HTML5 depuis un iPhone, iPad, iPod ainsi que depuis un mobile Android. C’est Olivier Poitrey, un des piliers du service Français qui a mis ce bout de code en ligne. Il y a encore peu de temps, il ce n’était pas simple de rendre compatible le visionnage de vidéos sous tous les navigateurs ainsi que les smartphone, et à part YouTube, aucun autre de ces concurrents n’était capable, ou avait mis à disposition le snippet qu’il fallait.

Qu’est-ce qu’un « snippet » ?

Snippet est un terme de programmation informatique pour une petite région réutilisable de code source ou de texte. Ordinairement, ce sont des unités formellement définies à incorporer dans des modules plus larges.

La gestion de snippets est une fonctionnalité de certains éditeurs de texte, des éditeurs de code source, des IDE et autres logiciels apparentés.

Insérez ces lignes de codes entre la balise et avant la balise , sur la page de la vidéo :

1
2
3
4
5
6
7
8
9

(function(){try{
var m = navigator.mimeTypes, t = 'application/x-shockwave-flash', a = 'ShockwaveFlash.ShockwaveFlash';
if (m && m.length ? !m[t] : !(function(){try{return new ActiveXObject(a)}catch(e){}})())
{
    var e = document.createElement('script'); e.type = 'text/javascript'; e.async = true;
    e.src = 'http://www.dailymotion.com/js/external/embedcompat.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s);
}
}catch(e){}})();

Ce qui donne ces lignes de code dans une simple page :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<html>
<head>
<script type="text/javascript">
(function(){try{
var m = navigator.mimeTypes, t = 'application/x-shockwave-flash', a = 'ShockwaveFlash.ShockwaveFlash';
if (m && m.length ? !m[t] : !(function(){try{return new ActiveXObject(a)}catch(e){}})())
{
    var e = document.createElement('script'); e.type = 'text/javascript'; e.async = true;
    e.src = 'http://www.dailymotion.com/js/external/embedcompat.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s);
}
}catch(e){}})();
</script>
</head>
<body>
<!--Début vidéo-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="240" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://www.dailymotion.com/swf/video/x62lif?width=320&amp;theme=none&amp;foreground=%23F7FFFD&amp;highlight=%23FFC300&amp;background=%23171D1B&amp;start=&amp;animatedTitle=&amp;additionalInfos=0&amp;autoPlay=0&amp;hideInfos=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="320" height="240" src="http://www.dailymotion.com/swf/video/x62lif?width=320&amp;theme=none&amp;foreground=%23F7FFFD&amp;highlight=%23FFC300&amp;background=%23171D1B&amp;start=&amp;animatedTitle=&amp;additionalInfos=0&amp;autoPlay=0&amp;hideInfos=0" allowscriptaccess="always" allowfullscreen="true"></embed></object>
<!--Fin vidéo-->
</body>
</html>