Firefox 3.6 contrôle plein écran vidéo

Question

Firefox prend désormais en charge le mode plein écran sur la balise vidéo html5. (faites un clic droit sur le film ..)

Existe-t-il un moyen de créer un contrôle (balise html) pour faire cela comme cet exemple de lecture/pause (en utilisant js)?

<script> 
function play(){ 
var video = document.getElementById('movie'); 
var play = document.getElementById('play'); 

play.addEventListener('click',playControl,false); 
function playControl() { 
    if (video.paused == false) { 
     video.pause(); 
    this.firstChild.nodeValue = 'Play'; 
    pauseCount(); 
} else { 
    video.play(); 
    this.firstChild.nodeValue = 'Pause'; 
    startCount(); 
} 
} 
} 

Answer 1

fondamentalement tout ce que vous avez besoin est la création d'une fonction (déclenchée par un bouton plein écran) dans lequel vous attribuez une position: absolute, et un z-index supérieur à l'enveloppe vidéo

la vous assignerez la largeur et la hauteur de l'emballage vidéo et vidéo: 100% (ou taille fixe si vous préférez)

probablement le meilleur moyen d'obtenir ce comportement est de définir une classe (par exemple en plein écran) et l'assigner au conteneur, quelque chose comme

.fullscreen { 
    position : absolute; 
    z-index : 1000; 
    width : 100%; 
    height : 100%; 
    top  : 0; 
    left  : 0; 
} 

.fullscreen video { 
    width : 100%; 
    height : 100%; 
} 

si l'appel de fonction (vue plein écran/normal) est un commutateur pour la classe .fullscreen.