如何让 YouTube 全屏显示 api

Question

我只是想为 youtube 设置默认允许全屏 api 但我找不到那个，我是新手 javascript 我尝试了很多代码但我没有 got.Actually 我想允许全屏显示多个 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 线上工作。

来自 David Walsh（他很好）的 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

Answer 2

如果您想要全屏视频，您可以根据嵌入视频计算或按高度和宽度计算视频比例。

注意：新宽度将保持不变

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

如何让 YouTube 全屏显示 api

how to get fullscreen for youtube api

javascript

youtube

jquery

youtube-api