javascript - YouTube 全屏控制不显示

Question

我正在动态添加一个 <iframe> 并添加一个 YouTube 视频。 YouTube 播放器工作正常，但未显示全屏控件。

代码是:

var newIframe = $("<iframe width='80px' height='80px' "
  + "src='http://www.youtube.com/watch?v=r3TtgYuaVFk' "
  + "frameborder='0' allowfullscreen id='vid" + mindBoxID + "'>");
var tmp = "#"+mindBoxID;
$(tmp).append(newIframe);

Answer 1

您的 src URL 错误，请改用 src='http://www.youtube.com/embed/r3TtgYuaVFk'。

var newIframe = $("<iframe width='80px' height='80px' "
  + "src='http://www.youtube.com/embed/r3TtgYuaVFk' "
  + "frameborder='0' allowfullscreen id='vid" + mindBoxID + "'>");
var tmp = "#"+mindBoxID;
$(tmp).append(newIframe);

有关 <iframe> 嵌入式视频的文档可在此处获得 https://developers.google.com/youtube/player_parameters#Manual_IFrame_Embeds