嵌入youtube html5播放器显示没有全屏按钮

Question

我在我的php文件中包含了如下的youtube播放器:但是播放器没有显示全屏按钮.切换到Flash播放器(无论是通过更改/嵌入到/ v或通过禁用&html5 = 1的URL)都可以.我究竟做错了什么？

例如:http://jonnyrimkus.square7.ch/stuff/youtube_html5_fullscreen.php

<script>

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() {
  player = new YT.Player(\'player\', {
    playerVars: {
      \'allowfullscreen\': \'true\',                
      \'allowscriptaccess\': \'always\'
    },
    events: {
      \'onReady\': onYouTubePlayerReady,
      \'onStateChange\': playerStateChange,
      \'onError\': playerStateError
    }
  });
}
</script>   
<iframe id="player" width="425" height="356" border="0" frameborder="0" src="http://www.youtube.com/embed/36XdO9Iv9ew?enablejsapi=1&playerapiid=lastfmplayer&autoplay=1&html5=1&fs=1&origin=http://jonnyrimkus.square7.ch"></iframe>

Answer 1

如果Youtube播放器位于另一个iframe没有allowfullscreen属性的播放器内,则全屏按钮也不可见.

与谷歌的文档不同(截至2014年11月),fs查询字符串中的属性似乎不会影响全屏的可见性.可见性似乎受到youtube播放器在实例化期间默认放置的allowfullscreen属性的影响iframe.也就是说,如果你将玩家嵌入到另一个玩家中,iframe你也应该为那个allowfullscreen(或者它的所有变种 webkitallowfullscreen mozallowfullscreen)标记iframe

<iframe src='' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen>
       <!-- YT player-->
</iframe>