状況: メンバーが投稿した一連の投稿 (ニュース) を表示するページがあります。このページには、ユーザーが x 秒間アイドル状態の場合に x 秒ごとに更新する setInterval() があります。
最近、ユーザーがアイテムをクリックできるビデオ投稿を追加しました。ビデオはページですぐに再生を開始します (これまでのところ、YouTube iframe のみを使用しています)。
問題: ユーザーがビデオを見て「アイドル状態」になっているときに、自動更新によってニュース コンテンツが更新されることがあります。これにより、ビデオが閉じられ、コンテンツがリセットされます。つまり、ユーザーはビデオ内で自分の位置を失い、最初からやり直す必要があります。
私の質問: このページに現在「再生中」のビデオが少なくとも 1 つあるかどうかを検出するにはどうすればよいですか? これを使用して、自動更新を行うかどうかを決定したいと思います。
注: 現在、カスタム プレーヤーまたは google/youtube js API の使用には賛成していません。これは、vimeo、56.com などの他のサービスからのビデオのサポートをすぐに追加する予定だからです。
質問の言い換え: ビデオがドキュメントまたはウィンドウで現在再生されているかどうかを検出するための「ユニバーサル」な JavaScript または jquery メソッドはありますか?
ありがとうございました！