Comment ouvrir une animation flash en plein écran (vidéo ou animation simple) ?
Mercredi, mars 5th, 2008Comment ouvrir une vidéo en plein écran dans mon site, comme le font youtube et dailymotion ?
J’ai au départ cherché du côté d’un popup javascript avec mon flash à l’intérieur qui se redimensionnerait pour afficher un plein écran trafiqué …. Pourquoi se compliquer la vie alors que l’actionscript nous propose tout ça ?
En effet actionscript vous permet d’afficher une animation de votre site web en plein écran. Et ça ne se limite pas aux vidéos flv, ça marche sur toute sorte d’animation.
Méthode :
Insérez l’occurence d’un DisplayObject (simplebutton,movieclip,sprite) sur votre scène (n’oubliez pas de la nommer).
Créez un évènement de click sur ce DisplayObject, et lancez la commande stage.displayState=StageDisplayState.FULL_SCREEN; à l’exécution de l’évènement.
Ensuite passez l’option allowFullScreen sur true dans le code html de votre page web.
C’est tout …
Le code actionscript :
- // boutonPleinEcran est le nom de l’occurrence du bouton sur la scène
- boutonPleinEcran.addEventListener(MouseEvent.CLICK, ouvrePleinEcran);
- function ouvrePleinEcran (ev:MouseEvent){
- stage.displayState = StageDisplayState.FULL_SCREEN;
- }
Le code HTML :
- <param name="allowFullScreen" value="true" />
- et
- <embed … allowFullScreen="true" />
L’animation en image :
Cliquez ici pour télécharger les fichiers sources : flash-fullscreen.zip