独自プレイヤー(video)でHLS.JS配信とかで再生が詰まった(?)時のゴニョゴニョのやつ

こういうやつ。再生中によく出るやつ。

HLSとかプレイヤーを自分でゴニョゴニョ実装してた時、個人的にすげぇ困ったのでメモる。
HLSのやり方は https://stream.77lab.cloud のソースを開発者ツールで見てくれたらいいよ。
今回はこの「ロード中だお少し待て」の探知方法を書くので。

こんなVIDEOタグを使っている前提だお:

<video id="VIDEO" class="h-full w-full" ....></video>

したが再生が詰まった時の

VIDEO_EL = document.getElementById("VIDEO"); //VIDEOタグを取得するお

VIDEO_EL.addEventListener('waiting', function() { //イベントを監視するお。この場合はwaitingに監視してるお。
    //ロード中な時の処理をここに書いてね。例えば例のクルクルを出すとか。
});
VIDEO_EL.addEventListener('stalled', function() {
    //ロード中
});

VIDEO_EL.addEventListener('playing', function() {
    //再生中だお。ロード中の時の処理を終わらせようね。永遠にロード中みたいになるお^^;;
});

VIDEO_EL.addEventListener('canplaythrough', function() {
    //再生中
});