5

Youtube Javascript API を使用します。[再生] ボタンをクリックしたときにビデオをフルスクリーンで再生する方法はありますか?

ビデオ コンテナを全画面表示にする方法は知っていますが、これは最新バージョンの Firefox と Chrome でしか機能しません。

Youtube Javascript API を介してこれを行う方法がない場合、再生をクリックしたときに YouTube ビデオをフルスクリーンにすることができるクロスブラウザの方法を知っていますか?

これは、最新バージョンの Firefox および Chrome ブラウザーで再生をクリックしたときにビデオを全画面表示にする方法です。 

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

1 に答える 1

1

ユーザーがフルスクリーンをクリックしない限り、これを行うことはできないようです。

https://groups.google.com/forum/#!msg/youtube-api-gdata/Tyv3vTw0RQk/449KahYVNFYJ

于 2014-01-22T10:26:19.133 に答える