English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
データが一時的に不足しているため再生が停止した場合、waitingイベントがトリガーされます
HTML オーディオ/ビデオ DOM リファレンスマニュアル
ビデオは再生する前に次のフレームをバッファリングする必要がありますので、再生を開始します:
!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTMLオーディオ/video onwaitingイベントの使用-基本的なチュートリアル(oldtoolbag.com)</title> </head> <body> <p>ビデオを再生。</p> <video id="myVideo" width="320" height="176" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> あなたのブラウザはHTMLをサポートしていません5 videoタグ。 </video> <script> var vid = document.getElementById("myVideo"); vid.onwaiting = function() { alert("少し待ってください!次のフレームをバッファリングする必要があります"); }; </script> </body> </html>テストを見てみましょう「/›
ビデオが再生を停止したとき、次のフレームをバッファリングするためにwaitingイベントが発生します。
このイベントは <audio> タグでも使用できますが、主にビデオで使用されます。。
IEFirefoxOperaChromeSafari
HTML では:
<audio|video onwaiting="myScript">試してみてください
JavaScript では:
audio|video.onwaiting=function(){myScript};試してみてください
JavaScript では、addEventListener() メソッドを使用して:
audio|video.addEventListener("waiting", myScript);試してみてください
注意: Internet Explorer 8 およびより古い IE 版本ではサポートされていません addEventListener() メソッド。
技術的詳細サポートされる HTML タグ: | <audio> と <video> |
---|---|
サポートされる JavaScript オブジェクト: | オーディオ、ビデオ |