2016-05-19 14 views
2

の上にソース要素を使用してのいずれかの利点がありますが、src属性はオプションです:HTML5動画:HTML5のvideo要素に<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-src" rel="nofollow">MDN documentation</a>よるsrc属性

SRC:動画のURLへ埋め込む。これはオプションです。ビデオブロック内の<source>要素を使用して、埋め込むビデオを指定することができます。

<source>を使用する理由はありますか?それとも文字通り別のやり方ですか?

答えて

4

異なるソースを使用する場合は、それらを宣言するためにソースタグが必要です。これはsrc属性では不可能です。

それはすべてのブラウザで動作するように - <video>要素内<source>要素を使用しています。 <source>要素は異なるビデオファイルにリンクできます。 ブラウザが最初に認識の形式を使用します:あなたは(あなたが2つのsrcの属性を持つことはできません)複数の​​ソースファイルがある場合は、ソースタグが必要

シックW3school

+0

javascriptを使用してエラーを検出し、 'video'タグに新しい' src'を追加することはできませんか? –

+0

MDNによると、エラーイベントがメディア要素自体にディスパッチされる代わりに、子要素の要素がエラーの原因となるソースに対応するように配信されます。 'sourceタグについても同様です。おそらくそれは可能ですが、個人的に私はブラウザがそれを処理することを好む。 – michaPau

3

を。通常は、すべてのブラウザとの互換性を保つために、少なくとも.mp3と、.oggのファイルが必要です。実際には、ソースタグが必要です。

1

source要素では、HTMLのみを使用して異なる形式を定義できます。最初のソースが読み込めない場合、ブラウザは次のソースを試します。

src属性を使用すると、HTMLで使用されている場合にのみ、1回のショットしか得られません。その呼び出しの結果が非空である場合、あなたはフォーマットの種類を再生できるかどうかを判断するためにcanPlayType() methodsrcプロパティを組み合わせることができますJavaScriptを使用して

は、そのタイプのファイルを表すリンクを使用してsrcを設定します。これにより、htmlの定義済みソースから取得するよりも、さまざまな条件付きシナリオが提供されます。

関連する問題