javascript - 为什么这个 YouTube 即时搜索脚本不允许全屏

Question

我正在尝试向我的网站添加 YouTube 即时搜索，并在此网站上发现以下脚本。它非常适合我想要的，但由于某种原因 iframe 没有显示允许全屏。有人可以帮忙解决这个问题吗？该脚本位于以下网址 jsfiddle.net/K6Wnu/

Answer 1

这似乎是 iframe 内的 iframe 的问题。我不确定您是否在实际站点上尝试过此操作(在这种情况下，只需添加以下行可能会起作用)，但 JsFiddle 在 iframe 内部运行。要在 JSFiddle 中测试它(我有并且它有效)，您可以添加:

 webkitallowfullscreen mozallowfullscreen allowfullscreen 

到您的iframe，如下所示:

$(this).html("<iframe width='400' height='250' src='http://www.youtube.com/embed/"+this.id+"?autoplay=1' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>");

AND 到 JSFiddle 的 iframe。为此，您需要检查代码上的元素，找到包装您上传的代码的 iframe，“编辑为 html` 并添加该行。这是它工作的屏幕截图: