Logiciels

La vidéo Web

Logiciel : Easy HTML5 Video

Il y a bien sûr YouTube, mais la liberté à un outil performant, pratique et abordable que j’utilise depuis des années : EasyHTML5 Video. À défaut de créer son propre encodage, ce petit logiciel permet d’ouvrir une vidéo native et de la convertir en 4 formats courants : OGG, H.264/MPEG-4 (utilisé aussi avec la version Flash), et WebM.

Navigateurs pris en charge

Internet Explorer 9+, Firefox, Google Chrome, Opera, Safari, Apple, Android, BlackBerry, Windows Phone.

Formats de sortie

• WebM
• Theora Ogg
• H.264/MPEG-4

EasyHTML5 Video vous facilite la vie avec la vidéo HTML5!

Convertir n’importe quelle vidéo en HTML5

webm converter software by EasyHtml5Video.com v1.6.1

Simple d’utilisation, il suffit de choisir son réglage en fonction du format, de la qualité, du choix de codecs, des paramètres de son, dimensions et quelques contrôles HTML5. Une vignette, un titre et un dossier pour sauvegarder le tout. Comme son nom l’indique, EasyHTML5 Video va du coup générer la page et le code HTML5. Il permet même d’intégrer le code directement dans un fichier HTML déjà existant.

Tout ce dont vous avez besoin c’est 3 étapes simples pour convertir n’importe quelle vidéo en HTML5:

1. glisser un fichier vidéo dans le logiciel;
2. réglez les paramètres;
3. appuyez sur « Start ».

Après cela, vous obtiendrez une page html avec tout le code nécessaire, les images et les vidéos dans un dossier prêt à être publié selon 3 options :

• sauvegardé dans un dossier;
• déposé sur le serveur avec les fonctionnalités FTP intégrées du logiciel;
• coller directement dans une page HTML existant à l’aide de l’option «insérer dans la page».

Intégration HTML 5

Une des plus importantes innovations du HTML 5 c’est la balise <video> et sa capacité à combiner plusieurs sources et différents formats de vidéo. L’idée toute simple consista à placer le plus compatible en haut de la liste. Le navigateur utilise tout simplement le premier compatible. Sinon, il y a toujours le format Flash qui est en fait un lecteur MP4 en flashs.

<div id="easyhtml5video">
  <video controls="controls" autoplay="autoplay" poster="image.jpg" onclick="if(/Android/.test(navigator.userAgent))this.play();" height="256" width="604">
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">
    <source src="video.ogv" type="video/ogg">
    <object type="application/x-shockwave-flash" data="video.swf" style="position:relative;" height="256" width="604">
        <param name="movie" value="flashfox.swf">
        <param name="allowFullScreen" value="true">
        <param name="flashVars" value="autoplay=true&controls=true&fullScreenEnabled=true&loop=false&poster=image.jpg&src=happyfit2.mp4">
        <embed src="flashfox.swf" style="position:relative;" flashvars="autoplay=true&controls=true&fullScreenEnabled=true&loop=false&poster=image.jpg&src=happyfit2.mp4" allowfullscreen="true" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer_en" height="256" width="604">
        <img alt="happyfit2" src="image.jpg" style="position:absolute;left:0;" title="Video playback is not supported by your browser" height="256" width="604">
    </object>
  </video>
</div>

La ligne Javascript onclick="if(/Android/.test(navigator.userAgent))this.play();" permet aux utilisateurs Android de cliquer sur la vidéo pour débuter la lecture.

Lire le tutoriel « Vidéo HD et son HTML5 » pour plus d’information sur l’intégration de vidéo HTML5.