iframe没有定义请求全屏方法
我正试图在我的网页上以全屏模式启动YouTubevideo。 由于YouTube API没有直接进行全屏调用，因此我尝试通过调用iframe本身的requestFullScreen函数来启动全屏模式的YouTubevideo，如此代码集中所示 。
在文档就绪时调用loadYoutubeAPI。 这是调用playIntroVideo（）的按钮。
a href="javascript:void(0);" onclick="playIntroVideo()" 这是我的iframe（由YouTube API和我的函数生成）以及生成它的函数。
function loadYoutubeAPI() { var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); } function onYouTubeIframeAPIReady() { } var player; function playIntroVideo() { player = new YT.Player('player', { videoId: 'M7lc1UVf-VE', events: { 'onReady': onPlayerReady } }); } function onPlayerReady(event) { $('#player').attr("allowfullscreen", "true"); var iframe = ($('#player')); event.target.playVideo(); var requestFullScreen = iframe.requestFullscreen || iframe.msRequestFullscreen || iframe.mozRequestFullScreen || iframe.webkitRequestFullscreen; if (requestFullScreen) { requestFullScreen.bind(iframe)(); } }
video按要求播放，但不会全屏显示。 在Chrome的开发工具中检查不同的requestFullscreens显示它们都是未定义的。 然而，有无数人在iframe上调用requestFullscreen的例子，所以我不明白为什么我的工作不起作用。
您是否尝试过将allowFullScreen="true"属性添加到iframe html中？ （来自： 从iframe切换到全屏模式 ）—看起来没有这个设置，iframe无法全屏显示（ https://developer.mozilla.org/en/docs/Web/HTML / Element / iframe ）