新しく追加されたマルチメディアタグには、主に2つ含まれています。
>オーディオ:<オーディオ>
>ビデオ:<ビデオ>
1.ビデオ<ビデオ>
現在の<video>要素は3つのビデオ形式をサポートしています:mp4、WebM、Ogg、mp4形式を使用してみてください(ほとんどすべてのブラウザが互換性があるため)。
1.1ビデオの構文形式:
<video src = "ファイルアドレス" controls = "controls"> </ video>
1.2ビデオ<ビデオ>-共通の属性
属性 |
値 |
説明 |
自動再生 |
自動再生 |
ビデオを自動的に再生する準備ができました (Googleブラウザは自動再生の問題を解決するためにミュートを追加する必要があります) |
contrcols |
contrcols |
再生コントロールをユーザーに表示する |
幅 |
ピクセル |
プレーヤーの幅を設定します |
高さ |
ピクセル |
プレーヤーの高さを設定します |
ループ |
ループ |
再生後も動画を再生し続けるか、ループするか |
予圧 |
自動(ビデオのプリロード) なし(ビデオをロードしないでください) |
ビデオをプリロードするかどうかを指定します(自動再生がある場合は、この属性を無視します) |
src |
URL |
ビデオのURLアドレス |
ポスター |
Imgurl |
待機ページの画像を読み込む |
ミュート |
ミュート |
ミュートプレイ |
2.オーディオ<オーディオ>
現在の<audio>要素は、MP3、Wav、Oggの3つのオーディオ形式をサポートしています。
2.1オーディオ構文フォーマット
<audio src = "ファイルアドレス" controls = "controls"> </ audio>
2.2オーディオの一般的なプロパティ
属性 |
値 |
説明 |
自動再生 |
自動再生 |
この属性が表示された場合、オーディオは準備ができ次第再生されます |
コントロール |
コントロール |
このプロパティが表示された場合は、再生ボタンなどのコントロールをユーザーに表示します |
ループ |
ループ |
この属性が表示された場合は、オーディオが終了するたびに再生を再開してください |
src |
URL |
再生するオーディオのURLアドレス |
注:Google Chromeは、オーディオとビデオの自動再生を無効にします
3.マルチメディアタグの概要
>オーディオタグとビデオタグの使用は基本的に同じです
>ブラウザのサポートが異なります
> GoogleChromeはオーディオとビデオの自動再生を無効にします
> muted属性をvideoタグに追加してビデオをミュートすることはできますが、オーディオをミュートすることはできません(自動的に再生する場合は、JavaScriptを使用して解決できます)
推奨
今週の推奨研究:javaweb
推奨される学習ビデオリンク:https://www.bilibili.com/video/BV11741127ic?p = 93