埋め込みYouTube動画は、再生を開始するために2回クリックする必要がある場合があります

こんにちは、@Aizada_M さんからフォーラムに関する小さな問題について共有がありましたが、CSS、JS、コンポーネントがなく、公式以外のプラグインが無効になっている新しいテーマを作成しても、正確な問題を特定できませんでした。

YouTube動画を埋め込むと、再生されるまでに2回クリックする必要がある場合があります。

セーフモードでも問題は発生しませんでした。なぜなら、サイトを開いてから埋め込み動画のページに移動すると、問題はまったく発生しないからです。:upside_down_face:

再現する一つの方法は、埋め込み動画のページに直接アクセスすることです。他のページを開き、(タブをリロードせずに)自然に埋め込みYouTube動画があるページに移動すると、問題は発生しません。これが、セーフモードで再現できなかった理由です。URLの末尾に ?safe_mode=no_themes,no_plugins を追加できることに気づきませんでした。私は常に https://my-discourse/safe-mode から移動し、そこから移動していました…


再現手順:

  1. \u003chttps://meta.discourse.org/t/embedded-youtube-full-screen-bug-part-deux/52649/2?u=canapin\u003e にアクセスします。

  2. 再生をクリックします。何も起こらないはずです。

  3. もう一度再生をクリックします。動画が再生されます。


再現しない手順:

  1. \u003chttps://meta.discourse.org\u003e にアクセスします。

  2. 検索を開き、「"Seems OK to me in fullscreen?"」と入力し、同じタブで最初の結果を開きます。

  3. 動画をクリックします。1回のクリックで再生されるはずです。

「いいね!」 2

こんにちは。

これはバグではありません。これはlazyYT(遅延読み込み)というプラグインで、YouTube動画のサムネイルを作成し、クリックしたときにのみ読み込まれるようにします。:slightly_smiling_face:

「いいね!」 2

情報ありがとうございます :+1:

クリックするとHTMLコードを見ることで仕組みを理解しました。

しかし、問題点を誤解されているかもしれません。

どちらの場合もサムネイルは存在します。

そしてどちらの場合も、サムネイルをクリックすると、遅延読み込みに関して期待されるとおりにiframeが読み込まれます。しかし、2番目のケースでのみ、シングルクリックで動画が再生されます。これが期待される動作です。

私が説明した最初のケースの動作は期待されるものではなく、ユーザーエクスペリエンスの観点からは、「動画を再生」ボタン(マウスオーバーでハイライトされる)をクリックしても、黒い背景、次にローディングサークル、そして以前と同じサムネイルが表示され、動画が開始されないのは良くありません。

「いいね!」 2

LazyYTは廃止される予定です。いつ、どのように廃止するかは正確には不明ですが、確実に廃止されます(おそらく今後3〜6ヶ月以内)。

残念ながら、この問題のデバッグに多くの時間を費やすことは unlikely です。

「いいね!」 4

すみません、誤解していたかもしれませんが、Discourse を使用して以来、YouTube 動画の lazyYT はシングルクリックではなくダブルクリックで再生されます。そして、ダブルクリックが期待される動作だと思っていました。:slightly_smiling_face:

「いいね!」 3

これは、Discourse が進化し続けている(これまでのところ良い方向へ!:smile:)ことを常に意味するため、問題が解決されないことを嬉しく思うようなケースです :+1:

「いいね!」 3