オーディオとビデオの最も基本的な使用法を以前に学びました。オーディオとビデオの再生をより柔軟に制御するには、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() | 現在のオーディオとビデオの再生を開始します |
| イベント | 説明 |
|---|---|
| canplay | このイベントは、ブラウザが指定されたオーディオとビデオの再生を開始できるときに発生します |
| canplaythrough | Expects このイベントは、指定されたオーディオとビデオがバッファリングのために停止せずに継続的に再生できる場合に発生します |
| durationchange | オーディオとビデオのデュレーションデータが変更された場合、このイベントが発生します |
| loadeddata | このイベントは次の場合に発生します現在のフレーム データはロードされましたが、指定されたオーディオ ビデオの次のフレームを再生するのに十分なデータがありません |
| loadedmatadata | このイベントは、指定されたオーディオ ビデオのメタデータがロードされたときに発生します。メタデータには、長さ、サイズ (ビデオのみ)、テキスト トラックが含まれます |
| loadstart | このイベントは、ブラウザが指定されたオーディオ ビデオの検索を開始したときに発生します |
| progress | 指定されたオーディオ ビデオがダウンロードされているときに発生します これイベント |
| abort | このイベントは、オーディオとビデオの読み込みが終了したときに発生します |
| end | このイベントは、オーディオとビデオの再生が完了した後に発生します |
| エラー | このイベントは、オーディオとビデオが完了したときに発生します読み込みエラーが発生しました イベント |
| pause | このイベントは、オーディオ ビデオが一時停止されている |
| play | ときに発生します。 このイベントは、バッファリングまたは停止により一時停止された後、再生 |
| playing | の準備ができたときに発生します。 |
| ratechange | このイベントは、オーディオビデオの再生速度が変更されたときに発生します |
| seeked | このイベントは、ユーザーが移動したり、オーディオビデオ内の新しい位置にジャンプしたときに発生します |
| seeking | userこのイベントは、オーディオおよびビデオの新しい再生位置への移動またはジャンプを開始したときに発生します |
| stalled | このイベントは、ブラウザがメディア データを取得しようとしたが、データが利用できない場合にトリガーされます |
| suspend | ブラウザは意図的にメディアを読み込まない このイベントは、データが変更されるとトリガーされます |
| timeupdate | このイベントは、再生位置が変更されるとトリガーされます |
| volumechange | このイベントは、音量が変更されるとトリガーされます |
| waiting | このイベントは、バッファリングの必要性によりビデオが停止したときにトリガーされます。 HTML 5 でビデオ プレーヤーを作成するための要素 |
4. H5 ビデオ タグが音声のみを再生でき、ビデオを再生できない問題の解決策
5. IIS の MIME は MP4 タイプを登録しないため、vidoe タグが認識できないという解決策が発生します
以上がHTML5 マルチメディア オーディオとビデオの詳細な紹介 (2)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
