Monacaに埋め込んだYouTube動画のリンクについて

Question

現在YouTube APIを用いまして、Monaca上でYouTubeの動画を取得・貼り込みをしております。

貼り込んだ動画上（iFrame上）のYouTubeロゴをタップすると、直接YouTubeサイトの動画ページにジャンプするのですが、この際、YouTubeサイトが全画面で表示されてしまいますので、「戻るボタン」などを出すことができず、アプリを一旦終了させて再起動させないとアプリ上の画面に戻れなくなってしまいます（iOS）。

iFrame上のYouTubeロゴの削除などはできないようで、方法としましては、
（1）iFrame上でロゴをタップしてもYouTubeサイトへジャンプさせないようにする（iFrameからの外部サイトアクセスを無効にさせる）
（2）YouTubeサイトへの遷移は許可するものの、代わりに「戻るボタン」を置いたヘッダーなどを表示させる

…の方法を考えております。
ただいずれにしてもどのようにして実現できるのか分からず、上記につきましてお知恵をお持ちの方がいらっしゃいましたらよろしくお願いいたします。

Answer 1

「それでもなんとかする方法」が回答されないためご期待に添えないと思われる回答となりますが、おそらくiframe内の動作をiframeを利用している側で制御することはできないと思われます。
（少なくとも私には分かりません）

(1)(2)の方法共に、Monacaだから出来ないというわけではなく、通常のWEBアプリでも出来ないかと思います。
妥協して、動画ページは動画ページ、元のアプリは元の画面のまま待機している、という形にてアプリを完成させる方向のほうが現実的かなと思います。

ちなみに私も別のページへのリンクはアプリ内に作りこんでいますが、個人的には別ブラウザや別アプリが立ち上がる方式であることに満足しています。
アプリの画面遷移の継続で別ページのリンクが始まると、元のアプリに戻るときに戻るボタンを連打しなければなりませんので・・。

Comments

[agepan]

回答ありがとうざいます。
その後いろいろ試してみたのですが、iframeの読み込みが完了したときに、iframe HTMLのクラス名などを取得して非表示にするといったことはできました（ただし一部どうしても変えられないものがあります。ブラウザセキュリティ上変えられない？ようなメッセージが出ていた気がします）。

対策としましては、外部サイトアクセスを制限する機能がmonacaにあることを発見しましたので、ひとまず「http;//www.youtube.com」にアクセスできないようにすることで、一応ページ遷移させないことはできましたが、もう少しすっきりしたやり方があれば良いんですけどねぇ…