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

srcURL が間違っています。代わりに使用し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から入手できます。