Voici un exemple de code HTML pour afficher le lecteur :
<object type="application/x-shockwave-flash" data="player_flv_multi.swf" width="320" height="240">
<param name="movie" value="player_flv_multi.swf" />
<param name="FlashVars" value="flv=test.flv|test2.flv" />
</object>Il n'y a pas de taille fixe pour la video, dans cet exemple, la dimension du lecteur est de 320 sur 240. Si vous changez ces paramètres, la vidéo va aussi changer de taille.
| Nom | Description |
|---|---|
| Nom du paramètre | Description du paramètre |
| flv | Les URLs des fichiers vidéos FLV à charger, séparés par des | |
| config | L'URL du fichier texte de configuration, par exemple flv_config_multi.txt |
| configxml | L'URL du fichier XML de configuration, par exemple flv_config_multi.xml |
| buffer | Le nombre de secondes pour la mémoire tampon. Par défaut à 5. |
| buffermessage | Le message de la mémoire tampon. Par défaut à Buffering _n_, _n_ indiquant le pourcentage. |
| title | Les titres séparés par des | |
| titlesize | La taille de la police du titre. Par défaut à 20. |
| titlecolor | La couleur du titre. Par défaut à ffffff. |
| margin | La marge de la vidéo par rapport au Flash (utile pour les skins) |
| srt | 1 pour utiliser les sous-titres SRT (le fichier doit être au même endroit que la vidéo et avoir le même nom que le fichier vidéo mais avec l'extension .srt) |
| srtsize | La taille du texte des sous-titres. Par défaut à 11. |
| srtcolor | La couleur du texte des sous-titres |
| srtbgcolor | La couleur de fond des sous-titres |
| autoplay | 1 pour lire automatiquement |
| autoload | 1 pour lancer le chargement et afficher la première image de la vidéo |
| autonext | 0 pour ne pas lire automatiquement la vidéo suivante. |
| shuffle | 1 pour lire aléatoirement. |
| showstop | 1 pour afficher le bouton STOP |
| showvolume | 1 pour afficher le bouton VOLUME |
| showtime | 1 pour afficher le bouton TIME, 2 pour l'afficher avec le temps restant |
| showprevious | 1 pour afficher le bouton PREVIOUS. |
| shownext | 1 pour afficher le bouton NEXT. |
| showopen | 0 pour cacher le bouton OPEN. 2 pour afficher la playlist au démarrage. |
| showplayer | Affichage de la barre des boutons : autohide, always ou never |
| showfullscreen | 1 pour afficher le bouton pour le plein écran (nécessite Flash Player 9.0.16.60 ou supérieur) |
| showswitchsubtitles | 1 pour afficher le bouton qui affiche/cache les sous-titres |
| loop | 1 pour boucler |
| width | Forcer la largeur du lecteur |
| height | Forcer la hauteur du lecteur |
| startimage | Les images de titre séparées par des | |
| skin | L'URL du fichier JPEG (non progressif) à charger |
| playercolor | La couleur du lecteur (pas du flash) |
| loadingcolor | La couleur de la barre de chargement |
| bgcolor | La couleur de fond |
| bgcolor1 | La première couleur du dégradé du fond |
| bgcolor2 | La seconde couleur du dégradé du fond |
| buttoncolor | La couleur des boutons |
| buttonovercolor | La couleur des boutons au survol |
| slidercolor1 | La première couleur du dégradé de la barre |
| slidercolor2 | La seconde couleur du dégradé de la barre |
| sliderovercolor | La couleur de la barre au survol |
| scrollbarcolor | La couleur de la barre de défilement. |
| scrollbarovercolor | La couleur de la barre de défilement au survol. |
| currentflvcolor | La couleur de la vidéo sélectionnée. |
| onclick | L'URL de la destination au click sur la vidéo. Par défaut à playpause qui signifie que la vidéo fait play ou pause au click. Pour ne rien faire, il faut mettre none. |
| onclicktarget | La cible de l'URL au click sur la vidéo. Par défaut à _self. Pour ouvrir une nouvelle fenêtre, mettez _blank. |
| playertimeout | Le délai en milliseconde avant que le lecteur se cache (quand il est en mode autohide bien sûr. Par défaut à 1500. |
| videodelay | La durée d'affichage du titre au changement de vidéo, en milliseconde. Par défaut à 0. |
| shortcut | 0 pour désactiver les raccourcis clavier. |
| volume | Le volume initial, entre 0 et 200. |
| videobgcolor | La couleur du fond de la vidéo quand il n'y a pas de vidéo. |
| playlisttextcolor | La couleur du texte de la playlist. |
| playonload | 0 pour ne pas jouer la vidéo au chargement (de la vidéo). |
| scrollbarsize | La taille de la barre de défilement (4 par défaut) |
| showtitlebackground | Affichage du fond du titre: auto, always ou never |
| playeralpha | La transparence du fond du lecteur entre 0 et 100. |
| ondoubleclick | Action sur le double click: none, fullscreen, playpause, ou l'url à ouvrir. |
| ondoubleclicktarget | La cible de l'URL au double click sur la vidéo. Par défaut à _self. Pour ouvrir une nouvelle fenêtre, mettez _blank. |
| showmouse | Affichage de la souris : always, autohide, never. |
| top1 | Charger une image par dessus la vidéo et la placer à une coordonnée x et y (par exemple url|x|y) |
| showiconplay | 1 pour afficher l'icone PLAY au milieu de la vidéo. |
| iconplaycolor | La couleur de l'icone PLAY. |
| iconplaybgcolor | La couleur de fond de l'icone PLAY. |
| iconplaybgalpha | La transparence du fond de l'icone PLAY entre 0 et 100. |
| showtitleandstartimage | 1 pour afficher le titre et l'image de départ en même temps. |
| Touche | Description |
|---|---|
| Touche | Description |
| espace | Play/Pause : Jouer la vidéo ou faire une pause |
| P | Play/Pause : Jouer la vidéo ou faire une pause |
| S | Stop : Stopper la vidéo et remettre à zéro |
| C | Afficher/Cacher les sous-titres |
| gauche | Reculer de 5 secondes |
| droite | Avancer de 5 secondes |
| haut | Vidéo précédente |
| bas | Vidéo suivante |
| + | Augmenter le volume |
| - | Baisser le volume |
Pour contrôler le lecteur par Javascript, il faut rajouter un id à la balise <object> qui va servir à identifier le Flash..
Voilà les actions possibles:
// PLAY
document.getElementById("myFlash").SetVariable("player:jsPlay", "");
document.getElementById("myFlash").SetVariable("player:jsPlay", "2");
// PAUSE
document.getElementById("myFlash").SetVariable("player:jsPause", "");
// STOP
document.getElementById("myFlash").SetVariable("player:jsStop", "");
// NEXT
document.getElementById("myFlash").SetVariable("player:jsNext", "");
// PREVIOUS
document.getElementById("myFlash").SetVariable("player:jsPrevious", "");
// VOLUME
document.getElementById("myFlash").SetVariable("player:jsVolume", "50");