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周りはまだまだ実験中的なものみたいなのでどんどん仕様が変わっていきそうなので、暫くは要チェックですよね。
ちゃんと表示できてますでしょうか。実際にこのiframeで指定されているアドレスをブラウザで開き、ソースを読むとJava Scriptで分岐させているだけなんですね。動画そのものでどうこう出来るということではなく、間に1枚別のページを挟むやり方です。
それから前のポストで記事にしたYouTube HD Suiteですが、このHTML5対応コードで埋め込んだ場合動画の上に常にタブが表示されちゃいますね。こればかりはYouTubeドメインのページに対して作用していると思いますので、「youtube.com/embed/」では例外で表示しない設定なども欲しくなりそうです。
HTML5周りはまだまだ実験中的なものみたいなのでどんどん仕様が変わっていきそうなので、暫くは要チェックですよね。
コメントする