mozilla
Your Search Results

    source 要素

    概要

    source 要素 (<source />) は HTML5 文書における audio 要素及び video 要素に対し、各ブラウザ毎にサポートの異なる複数のメディア形式 を指定する場合に用います。この要素自体は空要素です。

    使用可能な場所

    許可された内容 無し。この要素は空要素です。
    タグの省略 開始タグは必須。終了タグを記述してはならない。
    許可された親要素 <audio> 要素、 <video> 要素
    標準文書 HTML5, section 4.7.8

    属性

    他の全ての要素と同様に、この要素はグローバル属性を持ちます。

    src
    メディア・リソースのアドレス(必須)
    type
    リソースの MIME-type。 必要に応じて codecs パラメーターも共に指定します。 コーデックの指定方法に関する情報については RFC 4281 を参照して下さい。
    media
    リソースの意図したメディアのメディア・クエリー

    type 属性が指定されていない場合は、サーバーからメディア形式が取得され、Gecko が処理可能な形式であるか確認されます。処理可能な形式である場合はそれが使用され、処理出来ない形式であった場合は次の source 要素が確認されます。 type 属性が指定されている場合は、その指定値が Gecko で再生可能であるか確認されます。また指定値が、認識できない値であった場合は、サーバーは照会さえされず、次の source 要素がチェックされます。

    【訳注: ブラウザの処理を軽減する為に、type 属性は指定しておく方が好ましいといえるでしょう。】

    DOM インターフェース

    この要素は HTMLSourceElement インターフェースを提供します。

    次の例は、Ogg 形式をサポートしたブラウザと QuickTime ビデオ形式を再生可能な環境を想定した記述例となります。

    audio 要素や video 要素がブラウザでサポートされていない場合、代わりにメッセージが表示されます。

    audio 要素や video 要素はサポートしていても指定した形式の全てが再生不可である場合は、エラーイベントが発生し、(有効な場合は)既定のメディアコントロール・エラーが示されます。各主要ブラウザのサポート形式については HTML5 の audio 要素と video 要素でサポートされているメディアフォーマットの一覧を参照して下さい。

    <video controls>
      <source src="foo.ogg" type="video/ogg"> <!-- Firefox が採用 -->
      <source src="foo.mov" type="video/quicktime"> <!-- Safari が採用 -->
      I'm sorry; your browser doesn't support HTML5 video.
    </video>
    

    その他の例については、『HTML5 の audio 要素と video 要素の利用』の頁を参照して下さい。

    ブラウザ実装状況

    機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
    基本サポート (有) 3.5 (1.9.1) 9.0 (有) (有)
    media 属性 (有) 15.0 (15.0) 9.0 (有) (有)
    機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    基本サポート (有) 1.0 (1.0) ? ? ?
    media 属性 (有) 15.0 (15.0) ? ? ?

    Gecko 固有の注意事項

    現在、全機能のうちの小さなサブセットのみが実装されています(Gecko は、サポートされているメディア形式の MIME-type と一致する形式を持つ最初のリソースしか選択しません)
    詳細については バグ 449363 を参照して下さい。

    関連情報

    ドキュメントのタグと貢献者

    Contributors to this page: yyss, ethertank, RobinEgg
    最終更新者: yyss,