ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 マルチメディア オーディオとビデオの詳細な紹介 (2)

HTML5 マルチメディア オーディオとビデオの詳細な紹介 (2)

黄舟
黄舟オリジナル
2017-05-19 16:55:381953ブラウズ

オーディオとビデオの最も基本的な使用法を以前に学びました。オーディオとビデオの再生をより柔軟に制御するには、HTML5 が提供する関連する属性、メソッド、イベントを学ぶ必要があります。

オーディオおよびビデオ関連の属性

属性 説明
src メディアリソースのURLアドレスを指定するために使用されます
autoplay Autoリソースが読み込まれた後、自動的に Play
buffered は、ブラウザがメディア ファイルをキャッシュしたことを確認するために TimeRanges オブジェクトを返すために使用されます。
コントロール 再生用のコントロールバーを提供します
currentSrc メディアデータのURLアドレスを返します
currentTime 現在の再生位置を秒単位で取得または設定します
デフォルトの再生評価 デフォルトの再生速度に戻る
duration 現在のメディアの継続時間を取得する
loop ループ再生するかどうかを設定または返す
muted ミュートするかどうかを設定または返す
networkState オーディオビデオの現在のネットワークステータスを返します
一時停止 ビデオが一時停止されているかどうかを確認します
playbackRate オーディオビデオの現在の再生速度を設定または返します
played TimeRanges オブジェクトを返します。 TimeRanges は、ユーザーが再生したオーディオとビデオの範囲を表します
preload オーディオとビデオのリソースを自動的にロードするかどうかを設定または返します
readyState オーディオとビデオの現在の準備完了状態を返します
Seekable 現在のメディア リソースをリクエストできることを示す TimeRanges オブジェクトを返します
seeking データがリクエストされているかどうかを返します
valume ボリュームを設定または返します。値は 0 ~ 1.0 です

オーディオとビデオ関連のメソッド

Method Description
canPlayType() ブラウザが指定されたオーディオとビデオを再生できるかどうかを検出します
load() オーディオをリロードおよびビデオ要素
pause() 現在再生中のオーディオとビデオを停止します
play() 現在のオーディオとビデオの再生を開始します

オーディオとビデオ関連のイベント

3.
イベント 説明
canplay このイベントは、ブラウザが指定されたオーディオとビデオの再生を開始できるときに発生します
canplaythrough Expects このイベントは、指定されたオーディオとビデオがバッファリングのために停止せずに継続的に再生できる場合に発生します
durationchange オーディオとビデオのデュレーションデータが変更された場合、このイベントが発生します
loadeddata このイベントは次の場合に発生します現在のフレーム データはロードされましたが、指定されたオーディオ ビデオの次のフレームを再生するのに十分なデータがありません
loadedmatadata このイベントは、指定されたオーディオ ビデオのメタデータがロードされたときに発生します。メタデータには、長さ、サイズ (ビデオのみ)、テキスト トラックが含まれます
loadstart このイベントは、ブラウザが指定されたオーディオ ビデオの検索を開始したときに発生します
progress 指定されたオーディオ ビデオがダウンロードされているときに発生します これイベント
abort このイベントは、オーディオとビデオの読み込みが終了したときに発生します
end このイベントは、オーディオとビデオの再生が完了した後に発生します
エラー このイベントは、オーディオとビデオが完了したときに発生します読み込みエラーが発生しました イベント
pause このイベントは、オーディオ ビデオが一時停止されている
play ときに発生します。 このイベントは、バッファリングまたは停止により一時停止された後、再生
playing の準備ができたときに発生します。
ratechange このイベントは、オーディオビデオの再生速度が変更されたときに発生します
seeked このイベントは、ユーザーが移動したり、オーディオビデオ内の新しい位置にジャンプしたときに発生します
seeking userこのイベントは、オーディオおよびビデオの新しい再生位置への移動またはジャンプを開始したときに発生します
stalled このイベントは、ブラウザがメディア データを取得しようとしたが、データが利用できない場合にトリガーされます
suspend ブラウザは意図的にメディアを読み込まない このイベントは、データが変更されるとトリガーされます
timeupdate このイベントは、再生位置が変更されるとトリガーされます
volumechange このイベントは、音量が変更されるとトリガーされます
waiting このイベントは、バッファリングの必要性によりビデオが停止したときにトリガーされます。 HTML 5 でビデオ プレーヤーを作成するための要素
ビデオ タグを共有できない mp4 を再生する際の問題と解決策

4. H5 ビデオ タグが音声のみを再生でき、ビデオを再生できない問題の解決策

5. IIS の MIME は MP4 タイプを登録しないため、vidoe タグが認識できないという解決策が発生します

以上がHTML5 マルチメディア オーディオとビデオの詳細な紹介 (2)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。