javascript - 如何让 youtube api 全屏显示

Question

我只是想为 youtube api 设置默认允许全屏，但我找不到它，而且我是 javascript 新手，我尝试了很多代码，但没有得到。实际上我想允许多个 youtube 视频具有完整的屏幕。

这是我正在工作的代码

<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>

问候马杜

Answer 1

我将在 document.fullScreen 行上工作。

这个fullscreen demo来自 David Walsh(他很好)使用以下代码:

// 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