Désactiver le mode plein écran sur l'API youtube - javascript

Question

Comment désactiver l'API youtube en mode plein écran? J'utilise mon contrôleur vidéo personnalisé. Cependant, le double-clic sur la vidéo la fera entrer en plein écran. J'ai essayé de régler le paramètre du joueur 'fs': 0 ou mettre l'attribut iframe "allowfullscreen" à 0, mais aucun n'a fonctionné. De plus, je ne veux pas mettre le iframe css youtube "pointer-event" dans aucun. Parce que, parfois, les bannières publicitaires youtube sont agaçantes.

var tag = document.createElement('script'); 
 
tag.src = "https://www.youtube.com/iframe_api"; 
 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
 

 
var player; 
 
function onYouTubeIframeAPIReady() { 
 
\t player = new YT.Player('yt-player', { 
 
\t \t height: '360', 
 
\t \t width: '640', 
 
\t \t videoId: 'EoyU6FvgbJ4', 
 
\t \t playerVars: { 
 
\t \t \t 'controls': 0, 
 
      'showinfo': 0, 
 
\t \t \t 'rel':0, 
 
\t \t \t 'fs':0 
 
    \t \t } 
 
\t }); 
 
}

<div id="yt-player"></div>

Answer 1

JS, sans le tester, mais quelque chose comme ça devrait faire l'affaire;

Il se déclenchera avec Tous les événements fullscreenchange qui s'exécutent sur l'élément. , puis il vérifie le navigateur/préfixe et exécute un "exitFullscreen".

//videoElement is the ID of the html videoElement; e.g; <video id="thisIsIt"> 
videoElement.addEventListener('fullscreenchange', function(){ 
    if (document.exitFullscreen) document.exitFullscreen(); 
    else if (document.mozCancelFullScreen) document.mozCancelFullScreen(); 
    else if (document.webkitCancelFullScreen) document.webkitCancelFullScreen(); 
    else if (document.msCancelFullScreen) document.msCancelFullScreen(); 
}); 

Answer 2

Votre syntaxe à l'intérieur des "playerVars" est erroné, le code suivant a fonctionné pour moi :)

return new YT.Player(domElementId, { 
    videoId: youTubeVidId, 
    startSeconds:0, 
    width: 820, 
    height: 461, 
    playerVars: { 
    rel: 0, 
    showinfo: 0, 
    fs: 0 
    } 
}); 

}