【iPhone】iframeタグを用いて埋め込んだYouTubeの動画を全画面表示させない方法。

いつもお世話になっています。

WebサイトにYouTubeの動画をiframeタグを用いて埋め込み、ラジオのようにサイトを閲覧しながらバックグラウンドで再生させたいと思っています。
Androidの場合ですと、公式で用意されているiframeタグで埋め込まれたYouTubeの動画を再生した場合、全画面表示させることなく再生することができます。またユーザーが全画面へと切り替えることが可能です。
しかし、iPhoneの場合は強制的に全画面表示になってしまいます。また画面を閉じると同時に、動画の再生も止まってしまいます。ChromeやSafariなどブラウザを変えても、はやり埋め込まれたYouTubeの動画は再生すると強制的に全画面にさせられてしまいました。

もし回避できないiPhone特有の仕様である場合は、諦めてmp3ファイルを用意してaudioタグから再生させる予定でいるのですが、できればYouTubeから再生させたいです。

同じような問題に直面した方、また解決策をご存知の方がいましたら教えてくれると嬉しいです。

行動規範の内容に同意します

回答1件

ベストアンサー

プレーヤーのパラメータに「playsinline="1"」を追加することで出来ると思います。
YouTube プレーヤーのデモ

html
1<iframe id="ytplayer" type="text/html" width="720" height="405"
2src="https://www.youtube.com/embed/M7lc1UVf-VE?playsinline=1"
3frameborder="0" allowfullscreen></iframe>