Youtube (もっといいのは Vimeo) にアップロードするビデオがあります。
次に、それを自分の Web サイトに埋め込みます。動画が再生されると、動画のタイムライン上の位置に応じてウェブサイトの背景色が変わるようにしたいです。
たとえば、ビデオはまだ再生されていません。背景は黒です。動画が再生されます : 背景が青色になります。10秒で白くなります。
Youtubeビデオの位置を読んでそれを行う方法はありますか?
そうでない場合: ビデオがいつ再生されたかを検出し、この時点で背景色を変更する方法はありますか?
すべての言語に対応しています。
どうもありがとうございました。
player.getDuration():Number
現在再生中の動画の長さを秒単位で返します。ビデオのメタデータが読み込まれるまで、 は 0 を返すことに注意してくださいgetDuration()。これは通常、ビデオの再生が開始された直後に発生します。
現在再生中のビデオがライブ イベントの場合、getDuration()関数はライブ ビデオ ストリームが開始されてからの経過時間を返します。具体的には、これはビデオがリセットまたは中断されることなくストリーミングされた時間です。また、ストリーミングはイベントの開始時間よりも前に開始される場合があるため、通常、この期間は実際のイベント時間よりも長くなります。
https://developers.google.com/youtube/js_api_reference#Retrifying_video_information