Démonstration :


 

Flowplayer est certifié de mon label de qualité «jolie brique bleue» anti-iPad anti-iPhone




Pas à pas :


Télécharger flowplayer à cette page.


A la racine de votre FTP , à côté de la page index.html et du dossier site créez un dossier nommé flowplayer :




Placez à l’interieur de ce dossier flowplayer les 3 fichiers suivants :

flowplayer-3.1.4.min.js (celui se trouve dans le sous-dossier

flowplayer-3.1.5.swf

flowplayer.controls-3.1.5.swf

et

votre vidéo (ici video.flv choisissez un nom simple à vos vidéos, évitez les accents)




Récupérez les adresses de vos fichiers, par ex. si votre page index.html est à l’adresse

http://www.votre_domaine.com/index.html

alors vos fichier seront à l’adresse

http://www.votre_domaine.com/flowplayer/flowplayer-3.1.4.min.js

http://www.votre_domaine.com/flowplayer/flowplayer-3.1.5.swf

http://www.votre_domaine.com/flowplayer/flowplayer.controls-3.1.5.swf

http://www.votre_domaine.com/flowplayer/video.flv


Autre ex. si votre page index.html est à l’adresse

http://web.me.com/votre_pseudo/index.html

alors vos fichier seront à l’adresse

http://web.me.com/votre_pseudo/ flowplayer/flowplayer-3.1.4.min.js

http://web.me.com/votre_pseudo/ flowplayer/flowplayer-3.1.5.swf

http://web.me.com/votre_pseudo/ flowplayer/flowplayer.controls-3.1.5.swf

http://web.me.com/votre_pseudo/ flowplayer/video.flv


Dans un widget fragment html, mettez le code suivant :


<script src="http://www.votre_domaine.com/flowplayer/flowplayer-3.1.4.min.js"></script>

<a 

    href="http://www.votre_domaine.com/flowplayer/video.flv

    style="display:block;width:509px;height:284px;" 

    id="player">

    <img src="http://www.votre_domaine.com/flowplayer/votre_image.jpg" alt="Search engine friendly content" />

</a>

<script language="JavaScript">

    flowplayer("player", "http://www.votre_domaine.com/ flowplayer/flowplayer-3.1.5.swf");

</script>



Changez dans ce code

les différentes adresses  de fichiers (orange) par les votre

la largeur (ici 509) et la hauteur (ici 284)


la ligne <img src="http://www.votre_domaine.com/flowplayer/votre_image.jpg" alt="Search engine friendly content" /> (verte et orange) est facultative. Vous la rajoutez si vous voulez que le lecteur affiche une image fixe avant de lancer la vidéo. Pour voir l’image que j’ai utilisée, cliquez ici.

 

Commentaires   |   Accueil     Archives     Précédent     Suivant    Forum     Mon Twitter     Débuter sur Mac