Player video html à bonder

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

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.