JavaScriptでvideoの再生、失敗を取得する方法

JavaScriptでvideoの再生、失敗を取得する方法になります。

JavaScriptでvideoの再生、失敗を取得する方法

<video id="video"></video>

const video = document.getElementById('video')

// videoを再生
const startVideoPlay = video.play() 

if (startVideoPlay !== undefined) {
  startVideoPlay
    .then(() => {
      console.log('再生が成功')
    })
    .catch(() => {
      console.log('再生が失敗')
    })
    .finally(() => {
      console.log('再生の処理が終了')
    })
}

上記のように、Promiseでvideoの再生、失敗を取得することが可能です。