ホームページ > 記事 > ウェブフロントエンド > HTML5の実戦とメディア要素の解析(3.メディア要素のイベントとメソッド)
HTML5 のメディア要素である video タグと audio タグは、多くの属性を持つことに加えて、多くのイベントやメソッドをトリガーすることもできます。これらのメソッドは、メディアの再生の結果またはメディアのユーザー操作の結果である可能性のあるさまざまな属性の変化を監視します。まずはメディア要素に関連したイベントを紹介していきます。
abort: トリガー時間はダウンロードの中断です。
canplay: 再生可能な場合にreadyStateの値が2のときにトリガーされます。
canplaythrough:readyStateの値が3のときにトリガーされます。トリガーされた場合、再生は中断されることなく継続できます。
canshowcurrentframe:readyStateの値が1のときにトリガーされます。現在のフレームがダウンロードされたときにトリガーされます。
dataunavailable:データが無くて再生できない場合、readyStateの値は0になります。
Durationchange:duration属性値の変更によってトリガーされるイベント。
emptyed: ネットワーク接続が閉じられています。
empty: メディアのダウンロードを妨げるエラーが発生しました。
終了: メディアが最後まで再生され、再生が停止しました(読み取り専用)
エラー: ダウンロード中にネットワークエラーが発生しました。
load: すべてのメディアがロードされたときのトリガー時間。このイベントは非推奨になる可能性があるため、canplaythrough を使用することをお勧めします。
Loadeddata: トリガー時間メディアの最初のフレームがロードされました。
Loadedmetadata: トリガー時のメディアの要素データがロードされました。
loadstart: ダウンロードが開始されました。
一時停止: メディアが一時停止し始めるという方法です。
play: メディアの再生を開始するという方法です。
再生中: メディアは実際に再生を開始しました。
進捗状況: ダウンロード中。
ratechange: メディアの再生速度を変更します。
探しました: 捜索は終了しました。
求む: 新しい場所への移動。
stalled: ブラウザはダウンロードを試行しましたが、データを受信できませんでした。
音量変更: トリガー時刻は、音量属性またはミュート属性値が変更されたときです。
待機中: トリガー時間は、再生を一時停止し、さらにデータがダウンロードされるのを待つことです。
HTML5の実戦とメディア要素の分析(3.メディア要素のイベントとメソッド)を紹介しました。開発者がストレスなく非常にユーザーフレンドリーなメディア再生をスムーズに作成したり、フラッシュ メディアを置き換えたりできるようにするためのイベントが多数あります。 HTML5 に関するより関連した知識とコンテンツについては、Menglong Station の関連アップデートにご注意ください。
上記は、HTML5 の実戦とメディア要素の分析 (3. メディア要素のイベントとメソッド) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。