html - ビデオhtml5の間にボタンが一度に表示されます

Question

ビデオの再生中にさまざまなオプションを選択するためのボタンを表示させようとしています。現在、ページが読み込まれたときにボタンが表示されています。つまり、ボタンが同期しなくなることがあります。これを修正するにはどうすればよいですか？これが私のサイトへのリンクです。ビデオの再生が開始され、ボタンが表示されるまで待つ必要があります。しかし、ここでも、私がビデオとタイミングを合わせようとしているビデオではなく、ページの読み込みとタイミングが合っています。

http://preview.visiondesignstudio.net/WesternUniversity/Demo/

Answer 1

最も簡単な方法は、timeupdated イベントに基づいてビデオ要素にイベント リスナーを追加することです。呼び出されたコードで、ビデオの currentTime を確認し、それをボタンを表示する時間と比較します (たとえば、buttonid、start-time、および stop-time をリストする要素を含む配列を使用して、ボタンを表示/非表示にすることができます)。適切に）