ブログで100万の秘訣ってなに?
詳しくはコチラ

HTML5メディアタグ再入門!オーディオとビデオを簡単にサイトに埋め込む方法を紹介

HTML5は、ページ上の要素を標準化し、プラグインの使用を減らすことで、ブラウザをよりよく利用できるようにすることを目指しています。 HTML4では、音楽やビデオを聴くことができるようにするためにはFlashやQuicktimeなどのプラグインが必要になります(YouTubeのことを考えてみてください)。 HTML5はこれを変えました。 HTML5では、ビデオをいくつかの ‘video’タグの中に入れるだけでよいのです(イメージを ‘img’タグ内に置くのと同じくらい簡単です)。
本記事では、HTML5で使用できる2つの主要なメディアタグである<audio>と<video>
の概要について説明します。
 
 
<audio>タグ
 
オーディオタグを使用すると、FlashやJavascriptなどのプラグインを使用せずに、HTMLコードに音楽ファイルを直に配置することができます。このタグと互換性のあるオーディオ形式には、.ogg、.mp3、.wavの3種類があります。ただし、これらのファイルタイプの中には、特定のブラウザでのみ動作するものがあります。以下は、どのファイルが各ブラウザと互換性があるかを示す便利なグラフです。
このタグを使用するときは注意してください!オー

リンク元

コメント

タイトルとURLをコピーしました