HTML5の新しいマルチメディアタグ

 新しく追加されたマルチメディアタグには、主に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

おすすめ

転載: blog.csdn.net/weixin_52011642/article/details/113662694