Javascript 在线播放：让Youtube视频全屏播放

使用Youtube Javascript API单击“播放”按钮时，是否有办法使视频全屏播放？

我知道有一种方法可以实现，但这只适用于最新版本的Firefox和Chrome

如果没有任何方法可以通过Youtube Javascript API做到这一点，那么您知道有一种跨浏览器的方法可以在单击播放时使Youtube视频全屏显示吗

这是在最新版本的Firefox和Chrome浏览器中单击播放时制作视频全屏的方式：

函数onPlayerStateChange（事件）{
var player=document.getElementById（“MSJbUEj7U7M”）；
if（event.data！=YT.PlayerState.BUFFERING&&event.data！=YT.PlayerState.CUED&&event.data！=YT.PlayerState.PLAYING）
返回-1；
if（播放器请求全屏）{
log（“1（）”）；
player.requestFullScreen（）；
}
else if（player.mozRequestFullScreen）{
log（“2（）”）；
player.mozRequestFullScreen（）；
}
else if（player.webkitRequestFullScreen）{
log（“3（）”）；
player.webkitRequestFullScreen（）；
}
}
函数loadYouTubeVideo（uid）{
setTimeout（函数（）{
var id=uid；
var instPlayer=新的本年度玩家（id{
高度：'480'，
宽度：“853”，
enablejsapi:1，
建议质量：“高”，
videoId:uid，
活动：{
“onStateChange”：onPlayerStateChange
}
});
}, 500);
}

除非用户单击全屏，否则您无法执行此操作

---

如果您喜欢嵌入视频url，它将自动在浏览器窗口的整个宽度和高度打开视频。e、 g.->“

        function onPlayerStateChange(event) {
            var player = document.getElementById("MSJbUEj7U7M");
            if (event.data != YT.PlayerState.BUFFERING && event.data != YT.PlayerState.CUED && event.data != YT.PlayerState.PLAYING)
                return -1;

            if (player.requestFullScreen) {
              console.log("1()");
              player.requestFullScreen();
            }
            else if (player.mozRequestFullScreen) {
              console.log("2()");
              player.mozRequestFullScreen();
            }
            else if (player.webkitRequestFullScreen) {
              console.log("3()");
              player.webkitRequestFullScreen();
            }
        }

        function loadYouTubeVideo(uid) {
            setTimeout( function() {
                        var id         = uid;
                        var instPlayer = new YT.Player(id, {
                            height: '480',
                            width: '853',
                            enablejsapi: 1,
                            suggestedQuality: 'highres',
                            videoId: uid,
                            events: {
                                'onStateChange': onPlayerStateChange
                            }
                        });
                }, 500);
        }
    </script>