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

寻∝梦
リリース: 2018-08-17 17:34:06
オリジナル
7494 人が閲覧しました

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

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

HTML5type 属性:

HTML5< source>type 属性の使用:

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

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

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!