|| りんごのお味 || でこぽんリンク || りんごの味見 || りんごの聖地 || マクドサーバー ||

You TubeのHTML5対応埋め込みコード

You TubeがHTML5に対応した埋め込み方式を色々とテストしているのは既報ですが、その埋め込み用コードも公開はされていたんですね。というか、ソースを見ればまんまiframeだった訳ですが。

<iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>
個人的にはiframeが大嫌いなので使いたくないというのが正直なところ。さて、どうしたものでしょう。
とりあえず、先日4Kの話題に出てきた動画をこのHTML5対応コードで埋め込んでみました。



ちゃんと表示できてますでしょうか。実際にこのiframeで指定されているアドレスをブラウザで開き、ソースを読むとJava Scriptで分岐させているだけなんですね。動画そのものでどうこう出来るということではなく、間に1枚別のページを挟むやり方です。

それから前のポストで記事にしたYouTube HD Suiteですが、このHTML5対応コードで埋め込んだ場合動画の上に常にタブが表示されちゃいますね。こればかりはYouTubeドメインのページに対して作用していると思いますので、「youtube.com/embed/」では例外で表示しない設定なども欲しくなりそうです。

HTML5周りはまだまだ実験中的なものみたいなのでどんどん仕様が変わっていきそうなので、暫くは要チェックですよね。
| コメント(0) | トラックバック(0) |

トラックバック(0)

トラックバックURL: http://mmaacc.ddo.jp/m/mt5/mt-tb.cgi/1350

コメントする

Author

たく@藤沢
Blog Facebook Custom RSS/Atom はてな Tumblr Twitter YouTube

覚え書きカテゴリ

▽で展開|△で折畳み

月別 アーカイブ

▽で展開|△で折畳み
CPU hour
MEMORY hour

この覚え書きについて

このページは、たくが2010年7月27日 11:28に書いた覚え書きです。

ひとつ前の覚え書きは「YouTube HD Suite(4k対応、html5対応版)」です。

次の覚え書きは「ヤフーでググれ再来」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ddo.jp

アイテム

  • マウント変換アダプター
  • A賞 綾波レイフィギュア
  • クリスタルプリント無料体験キャンペーン|富士フイルム
  • 東山ひがし茶屋街
  • 紅葉は期待薄な兼六園
  • 秋の兼六園