Как получить полноэкранный режим для youtube api

Я просто пытаюсь установить по умолчанию разрешить полноэкранный режим для youtube api, но я не могу найти это, и я новичок в javascript, я пробовал так много кода, но я не получил. чтобы разрешить многократное видео YouTube с полным экраном.Как получить полноэкранный режим для youtube api

вот код я работаю

<div id="player"></div> 
<script src="http://www.youtube.com/iframe_api"></script> 

<script> 
    /** 
    * Put your video IDs in this array 
    */ 
    var videoIDs = [ 
     'MCgODvsmrmY', 
     'RdyXFNgZdCw' 
    ]; 

    var player, currentVideoId = 0; 


    function onYouTubeIframeAPIReady() { 
     player = new YT.Player('player', { 
      height: '350', 
      width: '425', 
      events: { 
       'onReady': onPlayerReady, 
       'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 

    function onPlayerReady(event) { 
     event.target.loadVideoById(videoIDs[currentVideoId]); 
     node.requestFullScreen(); 

document.fullScreen; 

    } 

    function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.ENDED) { 
      currentVideoId++; 
      if (currentVideoId < videoIDs.length) { 
       player.loadVideoById(videoIDs[currentVideoId]); 
      } 
     } 
    } 
</script> 

<script> 
window.onload = function(){ 
    document.getElementsByClassName("ytp-button-fullscreen-enter").click(); 
} 

</script>

С уважением Маду

источник

2015-06-06 madu

Я хотел бы работать на document.fullScreen линии.

Это fullscreen demo от Дэвида Уолша (он хорошо) использует следующий код:

// Find the right method, call on correct element 
function launchIntoFullscreen(element) { 
    if(element.requestFullscreen) { 
    element.requestFullscreen(); 
    } else if(element.mozRequestFullScreen) { 
    element.mozRequestFullScreen(); 
    } else if(element.webkitRequestFullscreen) { 
    element.webkitRequestFullscreen(); 
    } else if(element.msRequestFullscreen) { 
    element.msRequestFullscreen(); 
    } 
} 

// Launch fullscreen for browsers that support it! 
launchIntoFullscreen(document.documentElement); // the whole page 
launchIntoFullscreen(document.getElementById("videoElement")); // any individual element

источник

2015-06-06 10:49:34 bjfletcher

где хранить этот код в моем коде, и она должна открыть свой Youtube видео в полноэкранном режиме по умолчанию? – madu

У меня будет новый обработчик события click и поставьте в него полноэкранный код от David. '$ (". fullscreen-button "). click (function() {launchInto ...}). Причина в том, что обычно браузеры не позволяют запускать полноэкранный режим, не будучи обернутым внутри события click. Это связано с тем, что поставщики браузеров считают, что лучше всего, если пользователь имеет контроль над полноэкранным. – bjfletcher

Если вы хотите полный экран видео или вы рассчитывали из встроенного видео или вычислить соотношение видео по высоте и ширине.

Примечание: Новая ширина будет постоянной

Example: if a video width = 300 and height = 270. 
Ratio = width/height. 
Say, your constant width_new = 200 
height_new = width_new/Ratio

источник

2015-06-06 12:00:25 Suraj

Как получить полноэкранный режим для youtube api

ответ

Смежные вопросы