金曜日の午後が始まったのかもしれませんが、何らかの理由で、埋め込まれた Youtube ビデオにフルスクリーン ボタンを表示できないようです。私がやっているのは、Youtubeビデオから生成された共有コードをコピーすることだけです:
<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0" frameborder="0" allowfullscreen></iframe>
たとえば、このコードhttp://jsfiddle.net/chricholson/v8sjL/を使用すると、次のようになります。
URL が間違っているという記事をいくつか見つけましたが、YouTube から直接コピーした/v/[code]方/embed/[code]が安全だと思いました。
いくつかの変更、最終的なコードが必要だったようです:
<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0&fs=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
まず、URL に が必要&fs=1です。これにより、ボタンが表示されます。さらに、webkitallowfullscreenこれらmozallowfullscreenがブラウザー固有の問題を解決することは明らかです。
私が見つけた興味深いことの 1 つは、コードが機能しているにもかかわらず、このサンプルは jsfiddle では機能しません。おそらく、iframe 内にあることに関係しています。私が何を意味するかについては、 http://jsfiddle.net/mrchris2013/v8sjL/5/を参照してください。
解決…！メイン HTML 内の iframe(jsfiddle) 内に iframe(youtube) がある場合は、定義する必要があります
webkitallowfullscreen mozallowfullscreen allowfullscreen
それが機能するために両方のiframeに.....