最近ここ数年ぶりにホームーページを作っています☆
そこで「なんじゃこりゃ?」な現象に出会ったので忘備録。
http://www.sound-bird.net/lesson.html
↑このページを作っていたときのこと。
BASE の埋め込みリンクを追加したら、なぜか先に埋め込んでいた Youtube の
埋め込みリンクが表示されちゃう・・・。
調べてみると Firefox のバグの可能性が高いとのこと。
このブログ記事 に記載されている方法で解決しました♪
今回やったのは以下の方法。
iframe を object に置き換える。
<iframe frameborder="0" src="http//〜〜〜" width="220" height="400"></iframe>
↓ ↓ ↓
<![endif]--> <!--[if !IE]> <--> <object type="text/html" data="http//〜〜〜" style="width:220px;height:400px;"> </object> <!--> <![endif]-->
最初の iframe を object に変更すると、他の iframe は正常に表示されるようになりました。
(なぜかは不明w)
他にも iframe に id や name の属性を追加するなどの解決法があるようですが、どちらもダメでした。
(一応念のため id は追加しておきましたがw)
みなさんももし Youtube の動画と BASE などの他の埋め込みリンクを同じページに貼る際には、
お気を付けください。