YouTubeのインラインフレーム
YouTubeをホームページに埋め込みたい案件があります。
その際に、ただ埋め込むのではなくて、
レスポンシブデザインにしたいんじゃ。という場合もあるんですね。
( 端末・デバイスに合わせて伸縮 )
レスポンシブなら、インラインフレームにして、
その枠を100%にしておけば、いいだろうと、
まぁ単純に考えたりしがちですが、
これがまた、PCでは見れても、
iPadで見ると、再現できなかったりするんですね。
ホホウ。何でじゃ。どうするんじゃ。( By 寛平
具体的には、レスポンシブ案件なら、
iPhone / iPadのSafariで <iframe> の扱いに不具合がある部分、
YouTubeかApple側が改善するまで、
グーグルの公式ブログにある対応策を使って回避してあげるんですね。
■ iframe 埋め込み式 YouTube Player 向け
JavaScript Player API のご紹介
これを、自社スキーマのCMSに改変した XSLTで提供中。
======================
Bootstrapなどのコードでも、外国のサイトだと、
余裕でYouTubeの埋め込みサイトを 普通に iPad でも見ていそうですが、
大学のサイトなんかでも、あまり再現対応できていないようです。・・・
( オリジナル レスポンシブWebで埋め込みYouTubeが iPadで見れない )
・・では、あまり格好よくはないですよね。
======================
動画は、Flashベースであったとしても、
ブラウザによったり、
iOSベースの扱いによったりして、
見ている動画が、すべて同じファイルとは限らないんですが、
一般には、ひとくくりで 動画だと思われているだけなんですね。
まだまだ、HTML5策定後には、ブラウザも進んで
変わっていくのだと思います。