ホームページ > 記事 > ウェブフロントエンド > html5のsourceタグの使い方
html5のsourceタグの使い方
- WBOYオリジナル
- 2022-06-01 17:54:192997ブラウズ
HTML5 では、ソース タグは、ブラウザーが選択できるさまざまな種類のビデオまたはオーディオ ファイルを提供するために使用されます。構文は、「
"。
このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。
html5
可能な属性値は次のとおりです:
media media_query は、ブラウザがダウンロードするかどうかを決定するためのメディア リソースのタイプを指定します。
src URL はメディア ファイルの URL を指定します。
type MIME_type は、メディア リソースの MIME タイプを指定します。
サイズ ページ レイアウトが異なると、設定される画像サイズも異なります。
srcset URL
は、 タグに適用する場合には必須です。さまざまな状況で使用する画像 URL を指定します。
例は次のとおりです:
2 つのソース ファイルを持つオーディオ プレーヤー。ブラウザは、サポートするソース ファイルを選択する必要があります (両方がサポートされている場合は、いずれかを選択します):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> </body> </html>
出力結果:
推奨チュートリアル : "html ビデオ チュートリアル "
以上がhtml5のsourceタグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。