API YouTube Chromeless / JavaScript lecteur plein écran Bouton

Question

Je l'ai mis en place et lecteur sans pour autant les contrôles nécessaires telles que la lecture, la pause, la vidéo de changement, mute, désactiver tous semblent fonctionner correctement par JavaScript. Je dois maintenant envoyer le lecteur chromeless en mode « plein écran » via JavaScript.

Le lecteur API JavaScript inclut le bouton plein écran, mais le joueur ne chromeless pas; En réalité; le joueur chromeless n'est pas censé contenir de bouton. Je dois donc mettre en mode plein écran via JavaScript mais ne pouvait pas trouver une méthode documentée pour cela. Toute idée si cela est possible ou non?

Pour votre information, je suis en utilisant SWFObject pour intégrer le lecteur.

Références:

• API JavaScript YouTube Lecteur de référence
• YouTube Player Chromeless Exemple

Answer 1

Il y a un player.setSize (width: Number, height: Number). Méthode sur le joueur que vous avez utilisé object.Have that.I je utilise ActionScript si et setSize travaille pour moi

Vous cherchez la documentation « Vous ne devriez pas avoir à utiliser cette méthode en JavaScript comme le joueur redimensionne automatiquement lorsque les éléments contenant du code embed ont leur hauteur et la largeur des propriétés modifiées. »
Je ne suis pas un expert javascript mais je vous conseille ... vous pouvez mettre le joueur dans une balise div et cliquez sur le bouton « plein écran » ou l'icône réinitialiser la taille de ce div à « 100% » et je pense que le joueur augmenterait automatiquement à cette taille

Hope this helps.

Answer 2

Webkit (Chrome 15 et plus tard, Safari 5.1 et versions ultérieures), essayez element.webkitRequestFullScreen() et element.webkitCancelFullScreen() où "élément" est votre objet lecteur.

Gecko (Firefox 10.0 et versions ultérieures), consultez element.mozRequestFullScreen() et element.mozCancelFullScreen().

Vous pouvez dire si la méthode Webkit fonctionnera en demandant

supportsFullscreen: function () {
    return !(typeof document.webkitIsFullScreen == "undefined")
}

Answer 3

Flash lui-même ne supporte pas Fullscreen via l'API javascript, parce que les gens en abuser. Il nécessite l'utilisateur clique pour être sur le film flash lui-même.

Les suggestions ci-dessus de faire les contenant div 100%, puis en utilisant les API de navigateur requestFullScreen sont votre meilleur pari. C'est ce que video.js fait.