HTML5 Fullscreen Comme vimeo.com sur Chrome

Question

Notifié aujourd'hui que vimeo sur chrome appuyez sur le bouton F11 pour vous! Je n'ai trouvé aucune information sur le fonctionnement, mais c'est très cool. J'utilise mediaelement.js pour le moment, a-t-il l'intention d'implémenter ceci? Pour l'essayer, ouvrez une vidéo sur vimeo, assurez-vous que vous êtes en HTML5 (en bas à droite du message, en haut à droite des commentaires) et cliquez sur "Passer en HTML5" Regarder une vidéo en plein écran!

Answer 1

développement de Google Chrome est maintenant disponible avec le fullscreen API

Exemple d'utilisation:

<video width="300" src="movie.webm" controls></video> 
<button onclick="enterFullscreen()">Get Huge!</button> 

function enterFullscreen() { 
    var elem = document.querySelector('body'); 
    elem.onwebkitfullscreenchange = function(e) { 
    console.log("Entered fullscreen!"); 
    elem.onwebkitfullscreenchange = onFullscreenExit; 
    }; 
    elem.webkitRequestFullScreen(); 
} 

Voir cette slide deck pour l'utilisation, et est ici un demo de l'API dans l'action.