★HTML5タグリファレンス

私たちはカジノサイトを独自にレビューしています。当社のリンクを通じてサインアップすると、追加料金なしで当社に手数料が発生する場合があります。

<source> …… 動画や音声などのURLや種類を指定するHTML5から追加
Internet Explorer9
Firefox3.5Firefox4
Google Chrome3Google Chrome4Google Chrome5Google Chrome6
Safari3Safari4Safari5
広告



このページでは、HTML5のsource要素を解説しています。
source要素の最新情報は、以下を参照してください。

<source>タグは、動画や音声などのメディアファイルのURLや種類を指定する際に、<video>~</video>などのメディア要素の中で子要素として使用します。
<source>は、それ自身では何も表しません。

メディアファイルのURLは、必須属性のsrc属性で指定します。
<source>を複数記述して、フォーマットの異なる複数のメディアファイルを指定しておくと、ブラウザに再生候補を提示することができます。
ブラウザは、記述された順に再生可能なデータを利用するので、より多くの環境で視聴してもらえる可能性が高くなります。

type属性では、メディアファイルのMIMEタイプやコーデックを指定することができます。
type属性を指定することで、ブラウザがメディアファイルを取得する前に再生可能かどうかを知らせることができます。

media属性では、そのメディアファイルが、どのメディア向けであるかを指定します。
指定できる値にはscreen、tv、print、auralなどがありますが、指定を省略した場合の初期値はallとなります。

動画の再生についての詳細は、<video>タグのページを参照してください。

■HTML4.01からHTML5へのバージョンアップによる変更点

source要素は、HTML5から新たに追加された要素です。

■属性

src属性
メディアファイルのURLを指定する(※必須属性)
type属性
メディアファイルのMIMEタイプやコーデックを指定する
media属性
どのメディア向けであるかを指定する

■使用例

HTMLソース

<video controls autoplay>
<source src=’video.mp4′ type=’video/mp4; codecs=”avc1.42E01E, mp4a.40.2″‘>
<source src=’video.ogv’ type=’video/ogg; codecs=”theora, vorbis”‘>
</video>

広告



山田 太郎
テック・リード
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

ギャンブルガイド もっと見る

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。
カジノを探す
Back
質問
Select one of the following options
{"is_any_tile":true}

どのカジノが自分に最適か分からないですか?

Back
Restart
やったー!
これはあなたの選択に基づいた最高のカジノです...
57 users signed up
もっと表示する