html5のvideo（ビデオ）タグとaudio（オーディオ）タグでの属性の使い方

この記事では、HTML5 の video タグと audio タグの使用方法を紹介します。必要な方は参考にしていただければ幸いです。

すべての主要なブラウザで

HTML5 のビデオ タグとオーディオ タグをすべての主要なブラウザで有効にするには、次のコード行を追加するだけです。どこかで。

<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>

ビデオを埋め込む方法

次のコードを使用して、ページにビデオを埋め込むことができます。

<video src="video.mp4" width="320" height="200" controls preload></video>

音声を埋め込む方法

次のコードを使用して、ページに音声を埋め込むことができます。

<audio src="audio.mp3" controls preload></audio>

ビデオ形式:
MIME タイプの形式
MP4 video/mp4
WebM video/webm
Ogg video/ogg

HTML5 の新しい属性:
属性値の説明
autoplay autoplay この属性が表示される場合、ビデオは準備ができ次第再生されます。
controls コントロール この属性が表示される場合、再生ボタンなどのコントロールがユーザーに表示されます。
高さピクセル ビデオプレーヤーの高さを設定します。
loop ループ この属性が表示される場合、メディア ファイルは再生終了後に再び再生を開始します。
ミュート ミュートは、ビデオの音声出力をミュートすることを指定します。
ポスター URL は、ビデオのダウンロード時に表示される画像、またはユーザーが再生ボタンをクリックする前に表示される画像を指定します ( ポスター = “poster.jpg ”)。
preload preload この属性が表示される場合、ページの読み込み時にビデオが読み込まれ、再生の準備が行われます (プリロード)。
「自動再生」が使用されている場合、この属性は無視されます。
src url 再生するビデオの URL。
幅ピクセル ビデオプレーヤーの幅を設定します。

HTML オーディオ/ビデオ メソッド:
メソッドの説明
addTextTrack() 新しいテキスト トラックをオーディオ/ビデオに追加します。
canPlayType() は、ブラウザーが指定されたオーディオ/ビデオ タイプを再生できるかどうかを検出します。
load() オーディオ/ビデオ要素を再読み込みします。
play() はオーディオ/ビデオの再生を開始します。
pause() 現在再生中のオーディオ/ビデオを一時停止します。

addEventListener を使用して、ビデオの終了イベントを監視したり、終了時刻を監視したり、終了やジャンプ操作を実行したりすることができます。

おすすめ関連記事:

HTML5 オプション属性: オプション属性を使用して、カスケード ドロップダウン リストを実装します

HTML5 ページ構造の変更とタグの追加と削除の概要

以上がhtml5のvideo（ビデオ）タグとaudio（オーディオ）タグでの属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。