Player video html à bonder

Soyez le premier à donner votre avis sur cette source.

Vue 7 545 fois - Téléchargée 862 fois

Description

On va dire que l'on reinvente la roue, mais voila un petit code tout simple permetant d'exploitater le player video HTML5 sans vraiment se poser de question. On crée une <div> dans laquelle on souhaite placer la video, on appelle la fonction "GlueVideoOn" en passant en parametre d'id de la div, le chemin d'accès du fichier ogg, ogv ou mp4, et un 3eme parametre facultatif pour l'autoplay...et c'est tout !

Qu'est ce que cette source apporte en plus ?
J'avoues que le contrôleur d'origine ne me plaisait pas beaucoup, et de plus pouvait changer selon les navigateur, j'ai donc fait une surcharge épurée du contrôleur qui vient se greffer comme un grand sous la vidéo sans parasiter le code javascript.

Les images du player sont clipées, cela fait perdre un peu en lisibilté le code, mais une fois mis en cache, le chargement interface est on ne peut plus rapide ^^.

Source / Exemple :


<!-- On ne peut faire que difficilement plus simple !-->
<html>
	<head>
		<script language="javascript" src="gluevideohtml5.js"></script>
	<body>
		<div id="video_displayer" style="height: 250px; width: 400px;"></div>
		<script language="javascript">
			GlueVideoOn('video_displayer', 'oceans-clip.ogv', false);
		</script>
	</body>
</html>

Conclusion :


on sens avec l'arrivée de HTML5 un fort essoufflement de Flash, bien qu'il soit toujours indispensable pour les script nécessitant un accès aux pilotes (webcam online par exemple), mais perd de plus en plus de son influence face à la déconcertante facilité avec laquelle se manipule le player video HTML 5.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

faridghazi
Messages postés
5
Date d'inscription
samedi 7 mai 2005
Statut
Membre
Dernière intervention
18 mars 2019

pratique pour navigateurs(opera, firefox, Chrome).
Ne fonctionne pas internet explorer normal parce que non compatible à 100% HTML5.
En tout cas c'est un bon travail.
Hakumbaya
Messages postés
41
Date d'inscription
dimanche 10 octobre 2004
Statut
Membre
Dernière intervention
17 décembre 2010

Tout à fait, mais regarde bien, le code commence sérieusement à dater, au moment ou ca a été posté, la gestion de la vidéo par HTML5 etait encore toute fraiche et peu fiable ^^
HACKANDROID
Messages postés
103
Date d'inscription
mardi 12 juillet 2011
Statut
Membre
Dernière intervention
3 janvier 2013

Bon lecteur vidéo en html5 mais tu aurais pu faire mieux (Manque d'option CONNUE).
Hakumbaya
Messages postés
41
Date d'inscription
dimanche 10 octobre 2004
Statut
Membre
Dernière intervention
17 décembre 2010

Bien evidement pour ceux qui se ponsent la question, le player video est une technologie HTML5, inutile d'essayer de la faire marcher juste un navigateur qui à plus de 6 mois.

Pour ce qui est des formats, 3 sont disponibles : MP4 (h264), oGv (ogg license libre media video) et enfin webm (peut etre le prochain standard des formats videos en ligne).
Actuellement :
- Firefox => OGV, Webm à partir de la version 4.0
- IE9 => Webm (Pas pas fiable du tout)
- Chrome => MP4 ou Webm
- Safari => OGV (pas testé sous toutes les version)
- Netscape => même pas en reve XD
proftnj
Messages postés
54
Date d'inscription
lundi 10 juillet 2006
Statut
Membre
Dernière intervention
11 septembre 2011

Ne fonctionne pas avec IE7.
OK avec FF mis à jour.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.