Voici un exemple de code HTML pour afficher le lecteur :
<object type="application/x-shockwave-flash" data="player_flv_maxi.swf" width="320" height="240">
<param name="movie" value="player_flv_maxi.swf" />
<param name="FlashVars" value="flv=test.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 | L'URL du fichier vidéo FLV à charger |
| width | Forcer la largeur du lecteur |
| height | Forcer la hauteur du lecteur |
| autoplay | 1 pour lire automatiquement |
| autoload | 1 pour lancer le chargement et afficher la première image de la vidéo |
| 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. |
| buffercolor | La couleur du texte du message tampon |
| bufferbgcolor | La couleur de fond du message tampon |
| buffershowbg | 0 pour ne pas afficher le fond du message tampon |
| config | L'URL du fichier texte de configuration, par exemple flv_config_maxi.txt |
| configxml | L'URL du fichier XML de configuration, par exemple flv_config_maxi.xml |
| title | Le titre affiché avant le chargement de la vidéo |
| 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) |
| srtcolor | La couleur du texte des sous-titres |
| srtbgcolor | La couleur de fond des sous-titres |
| srtsize | La taille du texte des sous-titres. Par défaut à 11. |
| 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 |
| showplayer | Affichage de la barre des boutons : autohide, always ou never |
| showloading | Affichage du chargement : 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 |
| showmouse | Affichage de la souris : always, autohide, never. |
| loop | 1 pour boucler |
| startimage | L'URL du fichier JPEG (non progressif) à afficher avant le chargement de la vidéo |
| 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 |
| loadonstop | 0 pour arrêter le chargement de la vidéo au STOP |
| 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. |
| 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. |
| 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. |
| videobgcolor | La couleur du fond de la vidéo quand il n'y a pas de vidéo. |
| volume | Le volume initial, entre 0 et 200. |
| shortcut | 0 pour désactiver les raccourcis clavier. |
| playeralpha | La transparence du fond du lecteur entre 0 et 100. |
| phpstream | 1 pour utiliser un streaming php |
| srturl | L'URL du fichier de sous-titres (si on ne veut pas de la détection automatique) |
| top1 | Charger une image par dessus la vidéo et la placer à une coordonnée x et y (par exemple url|x|y) |
| netconnection | L'URL du serveur RTMP |
| 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 |
| F | Mode plein écran |
| gauche | Reculer de 5 secondes |
| droite | Avancer de 5 secondes |
| haut | Augmenter le volume |
| bas | Baisser le volume |
| + | 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", "");
// PAUSE
document.getElementById("myFlash").SetVariable("player:jsPause", "");
// STOP
document.getElementById("myFlash").SetVariable("player:jsStop", "");
// Pour modifier le volume
document.getElementById("myFlash").SetVariable("player:jsVolume", "50");
// Pour modifier l'url du FLV (il faut faire un play ensuite)
document.getElementById("myFlash").SetVariable("player:jsUrl", "http://my.flv");
// Pour modifier l'image de départ
document.getElementById("myFlash").SetVariable("player:jsStartImage", "foo.jpg");
// Pour se déplacer dans la vidéo, en seconde
document.getElementById("myFlash").SetVariable("player:jsSetPosition", "234");