2017-03-09 18 views
0

ユーザーがクリックすると、新しいタブで開くHTMLコードのビデオへのリンクがあります。私がしたいのは、ユーザーがビデオ全体(またはその半分)を見たときに、最初のページのリンクスタイルが変わる(たとえば色を変えるなど)ということです。しかし、ユーザーがビデオ全体を見ない場合は、最初のページのリンクスタイルには何も起こりたくありません。どうすればjavascriptでそれを行うことができますか?別のページで特定の条件が満たされた後に要素のスタイルを変更する

答えて

0

localstorageまたはsessionstorageに変数を設定することをお勧めします(エフェクトの持続時間によって異なります)。基本的には、再生中のビデオの最後にlocalstorageのキーを追加し、現在の状態であるlocalstorageに基づいて、送信側のすべてのリンクのスタイルを変更する必要があります。

しかし、これは実際には複雑で不必要なようで、複雑さはユーザーエクスペリエンスの匂いの指標になると思います。どのように動画を再生するか、ユーザーがリンク自体からこれを見ることができることが重要な理由について、より多くの情報を提供できる場合は役立ちます。

+0

私はあなたの元の質問から集めたものよりも簡単なユースケースがあると思います。 DOM構造を見ると、リンクの色付き部分は実際にはリンク内の別のDOM要素であり、ほぼ確実にサーバーレベルで表示されます。つまり、ビデオを完成させて、ページがレンダリングされるときにどのアイコンを配置するかを決定することになります。 –

+0

よく、次の例を見ることをお勧めします: https://www.khanacademy.org/math/differential-equations/first-order-differential-equations ここでは、khanacademyウェブサイトで、コースを見るとビデオ)をクリックし、元のページ(コンテンツのリストを表示)に戻ると、コースタイトルの隣の小さな円が青色に変わっていることがわかります。しかし、ビデオ全体を見ないと、サークルの色は変わりません。このようにして、どのコースを見ているのか、どのコースを見ていないのかを知ることができます。私は同様の効果を得たいと思う。私はそれが助けるかわからない:) – Meysam

+0

この1つの上の私のコメントを参照してください。あなたはそれを見逃していないので、これを追加します。 –

関連する問題