videoaudio要素は、メディアデータの読み込みや再生中にさまざまなイベントを発生させる。このイベントをJavascriptで捕捉して、処理を行うことが可能である。発生するイベントの種類は非常に多く、これらをきちんと理解して詳細なイベント処理を行うことで、ユーザーフレンドリーで使いやすいメディアプレーヤーを作ることができる。 例えば、再生位置が進ごとに発生する「timeupdate」というイベントがある。このイベントを捕捉して、現在どこまで再生が進んでいるかを表示することができる。 < !DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>VideoPlayer</title> <script type="text/javascript"> function playOrPauseVideo() { var videoUr