Media
#video
#audio
loadstart
読み込みが始まったとき。
document.getElementById('video').addEventListener('loadstart', function(e) {
console.log(e)
})
progress
データの読み込み中。
document.getElementById('video').addEventListener('progress', function(e) {
console.log(e)
})
suspend
読み込みを一時的に中断したとき。
document.getElementById('video').addEventListener('suspend', function(e) {
console.log(e)
})
emptied
なんらかの理由で読み込みデータが空になったとき。
document.getElementById('video').addEventListener('emptied', function(e) {
console.log(e)
})
error
読み込み中にエラーが発生したとき。
document.getElementById('video').addEventListener('error', function(e) {
console.log(e)
})
loadeddata
メディアの最初のフレームの読み込みが完了したとき。
document.getElementById('video').addEventListener('loadeddata', function(e) {
console.log(e)
})
loadedmetadata
メタデータの読み込みが完了したとき。
document.getElementById('video').addEventListener('loadedmetadata', function(e) {
console.log(e)
})
canplay
メディアが再生できるようになったとき。
ただ、今のペースでは最後まで停止せずに再生するのはきついかもしれない。
document.getElementById('video').addEventListener('canplay', function(e) {
console.log(e)
})
canplaythrough
今のペースで読み込めば、メディアが最後まで再生できそうだと思ったとき。
document.getElementById('video').addEventListener('canplaythrough', function(e) {
console.log(e)
})
play
再生が開始されたとき。
document.getElementById('video').addEventListener('play', function(e) {
console.log(e)
})
playing
再生中。タイミングはplayのあとで。
document.getElementById('video').addEventListener('playing', function(e) {
console.log(e)
})
timeupdate
再生の現在位置が更新されたとき。
document.getElementById('video').addEventListener('timeupdate', function(e) {
console.log(e)
})
pause
停止されたとき。
document.getElementById('video').addEventListener('pause', function(e) {
console.log(e)
})
ended
終了したとき。
document.getElementById('video').addEventListener('ended', function(e) {
console.log(e)
})
durationchange
メディアの再生時間が変更されたとき。
document.getElementById('video').addEventListener('durationchange', function(e) {
console.log(e)
})
waiting
メディアの読み込みが間に合わずに待っているとき。
document.getElementById('video').addEventListener('waiting', function(e) {
console.log(e)
})
seeking
シークしているとき。
document.getElementById('video').addEventListener('seeking', function(e) {
console.log(e)
})
seeked
シークが終わったとき。
document.getElementById('video').addEventListener('seeked', function(e) {
console.log(e)
})
ratechange
再生速度が変わったとき。
document.getElementById('video').addEventListener('ratechange', function(e) {
console.log(e)
})
volumechange
音量が変わったとき。
document.getElementById('video').addEventListener('volumechange', function(e) {
console.log(e)
})