ユーザーがクリックすると、新しいタブで開くHTMLコードのビデオへのリンクがあります。私がしたいのは、ユーザーがビデオ全体(またはその半分)を見たときに、最初のページのリンクスタイルが変わる(たとえば色を変えるなど)ということです。しかし、ユーザーがビデオ全体を見ない場合は、最初のページのリンクスタイルには何も起こりたくありません。どうすればjavascriptでそれを行うことができますか?別のページで特定の条件が満たされた後に要素のスタイルを変更する
0
A
答えて
0
localstorage
またはsessionstorage
に変数を設定することをお勧めします(エフェクトの持続時間によって異なります)。基本的には、再生中のビデオの最後にlocalstorage
のキーを追加し、現在の状態であるlocalstorage
に基づいて、送信側のすべてのリンクのスタイルを変更する必要があります。
しかし、これは実際には複雑で不必要なようで、複雑さはユーザーエクスペリエンスの匂いの指標になると思います。どのように動画を再生するか、ユーザーがリンク自体からこれを見ることができることが重要な理由について、より多くの情報を提供できる場合は役立ちます。
関連する問題
- 1. テキストが変更され、特定の条件を満たすときにテキストボックスの前景色を変更する
- 2. 条件が満たされたときに特定の値を選択する
- 3. 特定の条件が満たされたときに開かれるURL
- 4. 条件が満たされたときにフォントの色を変更する
- 5. 特定の条件がMySQLで満たされるまでの行の取得
- 6. 条件が満たされた後にグループの後続行をフィルタリングするR
- 7. 条件が満たされた後で警告を表示
- 8. 別の要素が更新された後に更新する
- 9. Python - 条件が満たされた特定の日付の後に行を返す
- 10. 条件が満たされたらSKSpriteNodeイメージを変更するには?
- 11. div要素の条件が満たされている場合の角度ポリマー
- 12. 条件が満たされるまでAJAXの定期点検
- 13. 特定の条件を満たすオブジェクトの数を数える
- 14. Angular2:特定の条件で要素をクラスに追加/変更する方法
- 15. IsolatedStorageSettings.ApplicationSettingsが別のページで変更されたときのUI要素の更新
- 16. AngularjsでコンパイルされたHTML要素のスタイルを変更する
- 17. 特定の条件を満たす行を削除するR
- 18. ページがレンダリングされた後にElmのHTML要素を変更するには?
- 19. vee-validate:条件が満たされた場合にのみ必要です
- 20. 特定の条件が指定された最後のイベントを選択する
- 21. PHPの条件が満たされたときにulまたはdiv要素をリフレッシュする
- 22. テンソル・ランク1の要素に数値を追加するテンソル・フローで条件が満たされた場合は、
- 23. 特定の条件が満たされてから挿入されるまでのトランザクションをロールバックする
- 24. のjavascript:アクションは、ifの条件が満たされなかった要素上で実行されて
- 25. 特定の条件が満たされたときに、データテーブルは行の色を設定します
- 26. 条件が満たされた場合のみ行を更新する
- 27. Pythonで特定の条件が満たされたときに関数をトリガーする方法
- 28. iOS 10(Swift 3)で特定の条件が満たされたときにローカル通知をトリガーする
- 29. 条件を満たすポリマー要素を追加する
- 30. 特定の条件を満たす要素のみを反復するイテレータを渡す
私はあなたの元の質問から集めたものよりも簡単なユースケースがあると思います。 DOM構造を見ると、リンクの色付き部分は実際にはリンク内の別のDOM要素であり、ほぼ確実にサーバーレベルで表示されます。つまり、ビデオを完成させて、ページがレンダリングされるときにどのアイコンを配置するかを決定することになります。 –
よく、次の例を見ることをお勧めします: https://www.khanacademy.org/math/differential-equations/first-order-differential-equations ここでは、khanacademyウェブサイトで、コースを見るとビデオ)をクリックし、元のページ(コンテンツのリストを表示)に戻ると、コースタイトルの隣の小さな円が青色に変わっていることがわかります。しかし、ビデオ全体を見ないと、サークルの色は変わりません。このようにして、どのコースを見ているのか、どのコースを見ていないのかを知ることができます。私は同様の効果を得たいと思う。私はそれが助けるかわからない:) – Meysam
この1つの上の私のコメントを参照してください。あなたはそれを見逃していないので、これを追加します。 –