HTML5ソースタグの使用方法? HTML5 ソースタグ属性の紹介。それでは、この記事の内容を主に、html5 ソース タグの使用方法と、html5 ソース タグの 3 つの属性について詳しく説明します
html5 ソース タグの定義と使用法:
HTML5
2 つのソース ファイルを含むオーディオ プレーヤー。ブラウザは、サポートするファイル (存在する場合) を選択する必要があります:
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
media: ダウンロードするかどうかを決定するブラウザのメディア リソースのタイプ (値: media_query ) 。
src: メディアファイルの URL (値: URL)。
type: メディアリソースの MIME タイプ (値: MIME_type)。
注:
html5 ソースタグ形式:
<source src="媒体资源地址" />
HTML5
メディア属性を使用:
<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">
HTML5
メディア属性は、メディア リソースのタイプ (ファイルが最適化されているメディア/デバイス) を指定します。
ブラウザはこの属性を使用して、ファイルを再生できるかどうかを判断できます。再生できない場合は、ダウンロードしないことも選択できます。
注: このプロパティは複数の値を受け入れることができます。
HTML5
<source media="value">
注: どのブラウザも
HTML5
HTML5
src 属性は、再生するメディア ファイルの URL を指定します。
HTML5
<source src="URL">
HTML5
2 つのリソース ファイルを持つオーディオ プレーヤー。ブラウザは、サポートするファイルを選択する必要があります (存在する場合):
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio>
HTML5
HTML5
HTML5< source>type 属性の使用:
type 属性は、メディア リソースの MIME タイプを指定します。
type 属性の使用法:
<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>
HTML5
<source type="MIME_type">
HTML5
HTML 4.01 との違いと HTML 5
ブラウザのサポート:
Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari は
注: Internet Explorer 8 以前は
【関連おすすめ】
HTMLメタタグの機能とは何ですか? HTMLメタタグの共通属性のご紹介
HTMLマップタグとは何ですか? htmlマップタグの構造と具体的な使い方を詳しく解説
以上がHTML5ソースタグの使い方は? HTML5 ソースタグ属性の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。