InvalidStateError：使用できない、または使用できなくなったオブジェクトを使用しようとしました

Question

以下はChromeで動作しますが、Firefoxでは動作しません：

var myVideo = document.getElementById('myVideo')
myVideo.currentTime = 570

<video id="myVideo" controls>
<source src="myVideo.mp4" type="video/mp4">
</video>

Firefoxでは

InvalidStateError：使用できない、または使用できなくなったオブジェクトを使用しようとしました

2行目.

Answer 1

このエラーは、オブジェクト（この場合はビデオ）がcurrentTimeを設定して前方にスキップできるほど十分にロードされていない場合に発生します。

currentTimeを設定するには、ビデオが再生されるまで待つ必要があります

var myVideo = document.getElementById('myVideo')

myVideo.addEventListener('canplaythrough', function() {
    myVideo.currentTime = 570;
}, false);