HTML5ソースタグの使い方は？ HTML5 ソースタグ属性の概要

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)。

注: タグは HTML グローバル属性と HTML イベント属性をサポートします

html5 ソースタグ形式:

<source src="媒体资源地址" />

HTML5メディア属性:

メディア属性を使用:

<source src="movie.ogg" type="video/ogg" media="screen and (min-width:320px)">

HTML5メディア属性の定義と使用法:

メディア属性は、メディア リソースのタイプ (ファイルが最適化されているメディア/デバイス) を指定します。

ブラウザはこの属性を使用して、ファイルを再生できるかどうかを判断できます。再生できない場合は、ダウンロードしないことも選択できます。

注: このプロパティは複数の値を受け入れることができます。

HTML5media 属性の構文:

<source media="value">

注: どのブラウザも タグの media 属性をサポートしていないためです。だから、これ以上は言いません。

HTML5src 属性:

HTML5src 属性の定義と使用法:

src 属性は、再生するメディア ファイルの URL を指定します。

HTML5src 属性の構文:

<source src="URL">

HTML5src 属性の使用例:

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 src 属性の属性値:

HTML5type 属性:

HTML5type 属性の使用:

type 属性は、メディア リソースの MIME タイプを指定します。

type 属性の使用法:

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

HTML5type 属性の構文:

<source type="MIME_type">

HTML5type 属性の属性値:

HTML 4.01 との違いと HTML 5

タグは HTML 5 の新しいタグです。

ブラウザのサポート:

Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari は タグをサポートします。

注: Internet Explorer 8 以前は タグをサポートしていません。

【関連おすすめ】

HTMLメタタグの機能とは何ですか？ HTMLメタタグの共通属性のご紹介

HTMLマップタグとは何ですか？ htmlマップタグの構造と具体的な使い方を詳しく解説

以上がHTML5ソースタグの使い方は？ HTML5 ソースタグ属性の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。