2009-12-11 7 views
1

J'ai implémenté le lecteur chromeless et les commandes nécessaires telles que jouer, mettre en pause, changer la vidéo, couper le son, activer le son ne semblent plus fonctionner correctement avec JavaScript. J'ai maintenant besoin d'envoyer le lecteur chromeless en mode "Plein écran" via JavaScript.YouTube Chromeless/JavaScript API Player Full-Button Button

Le lecteur JavaScript API inclut le bouton plein écran mais le lecteur chromeless ne l'est pas; En réalité; le lecteur chromeless n'est pas supposé contenir de bouton ANY. J'ai donc besoin de définir le mode plein écran via JavaScript, mais je n'ai trouvé aucune méthode documentée pour cela. Une idée si c'est possible ou non?

Pour info, j'utilise SWFObject pour intégrer le lecteur.

Références:

+0

J'ai aussi le même problème, incapable de gérer l'option plein écran de Youtube API JavaScript. L'option plein écran est déclenchée depuis l'intérieur de l'objet flash et il n'a pas de contrôle de l'extérieur. –

Répondre

5

Il y a une player.setSize méthode sur le joueur que vous avez utilisé object.Have that.I (width: Number: Number, hauteur) J'utilise ActionScript et setSize fonctionne pour moi.

En regardant la documentation 'Vous ne devriez pas avoir à utiliser cette méthode en JavaScript, car le joueur se redimensionnera automatiquement lorsque les éléments contenant dans le code d'intégration auront leurs propriétés de hauteur et de largeur modifiées.'

Je ne suis pas un expert javascript, mais je suggérerais ... vous pouvez mettre le joueur dans un tag div et cliquez sur le bouton "plein écran" ou l'icône vous réinitialiser la taille de ce div à '100%' et je pense que le joueur augmenterait automatiquement à cette taille

Espérons que cela aide.

+0

On dirait que même sur YouTube ils le font comme ça ... faire une visionneuse de leur code .... – Rajat

+0

Je réalise maintenant que Adobe Flash lui-même ne permet pas la commutation en mode plein écran à moins qu'il ne soit déclenché à l'intérieur du film flash par un action de l'utilisateur (en cliquant sur un bouton, entrée du clavier). Votre exemple est probablement aussi bon que possible. –

3

En 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 joueur.

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

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

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

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

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