lecteur vidéo flowplayer
22 déc. 09
Flowplayer est certifié de mon label de qualité «jolie brique bleue» anti-iPad anti-iPhone
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.
Liens :
Pages concernant iWeb :
Autres pages utiles :
