javascript - 正在播放 : Make Youtube Video Full Screen

标签 javascript html youtube-javascript-api

使用 Youtube Javascript API; 有没有办法在点击“播放”按钮时让视频全屏播放?

我知道一种制作 video container full screen 的方法但这仅适用于最新版本的 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>

最佳答案

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

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

关于javascript - 正在播放 : Make Youtube Video Full Screen,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17286787/

相关文章:

javascript - 将数组从内容脚本发送到后台脚本

video - YouTube iframe API正在使用错误的大小调整我的嵌入式视频的大小

php - 从youtube获取视频链接

javascript - $http.get API 响应在 HTML 表中使用 Angular js

javascript - 如何从某个地方开始拆分字符串?

jquery - "Hover"在 iPad 上播放音乐

css - 如何根据浏览器大小创建 DIV?

html - 当鼠标悬停时,我想将背景图像带到整个 div

javascript - 读取 JSON 对象中的数组

javascript - Tone.js 音调.BufferSource : buffer is either not set or not loaded