YouTube動画の埋め込みに問題があります

YouTube動画の埋め込みに問題があります。

「いいね!」 2

これは私のトピックリンクです

どのような問題がありますか?

「いいね!」 1

「いいね!」 1

この問題の解決策はありますか。これに直接関連する設定はありますか。

セーフモードで発生しますか?ブラウザエラーはありますか?ありがとうございます。

すべて試しましたが、何も機能しません。
YouTubeの動画がすべてウェブサイトで機能せず、このエラーが表示されます。

@hameedacpa さん、まだです。実証するために、これは他の場所で解決されたようです。

すでにオンラインで解決策を試しましたか?

「いいね!」 1

私のケースには関係ないと思います

「いいね!」 1

@hameedacpa、なぜですか?同じエラーコードです。

残念ながら、推奨された解決策を試しましたが、機能しません。内部的な問題だと思います。

「いいね!」 1

これが関連しているかどうかわかりませんが、多くのCookieがブロックされているようです。

また、コンソールにエラーはなく、セーフモードでも引き続き発生します…

@hameedacpa allowed_iframes 設定に https://youtube.com/ を追加することについてはどうですか?それが役立つかどうかはわかりませんが。

「いいね!」 1

これを試しましたが、効果がありませんでした

これでOPの苦情がさらに強化されることを願っています。変更なし(安定版を使用しています)で、以前は機能していた既存の動画の再生をクリックしても、同じエラーが発生します。

モバイル経由、オフィスのファイアウォールをバイパス、Cloudflareを無効にしても試しました。まだ修正されていません。

エディタではエラーが発生しますが、フォーラムでは表示されるなど、ここでのテストは混在しています。

更新:

YouTubeが最近ポリシーを強化し、新しい埋め込みコードにはreferrerpolicy="strict-origin-when-cross-origin"と更新されたallow属性が含まれるようになったという記事を見つけました。

これらがないと、YouTubeはiframeからの設定リクエストを拒否し、エラー153が表示されます。

「いいね!」 3

Cloudflareで公式にパッチが適用されるまで、これを修正できました。

同じ問題に遭遇した方のために、原因はYouTubeが現在、有効なReferrer-Policyヘッダーがない埋め込みリクエストを拒否していることです。

CloudflareのTransform Rules(Workersは不要)を使用して、Referrer-Policyヘッダーを追加しました。

私がやったことは以下の通りです。

  1. Cloudflareで、Rules → Transform Rules → HTTP Response Header Modificationに移動します。

  2. 新しいルールを作成し、All incoming requestsを選択して、静的ヘッダーを追加します。

    Header name: Referrer-Policy
    Value: strict-origin-when-cross-origin
    
  3. ルールをデプロイします。

パッチが適用されたら、これを削除します。

「いいね!」 2

皆さん、本当にありがとうございます。

問題は、vhost ファイルで次のように変更する必要があることだとわかりました。

ChatGPT からの次のもの

「いいね!」 1

うーん🤔

Discourseの仕組みでは、コンテナ内で加えたNginxの変更は、次回の./launcher rebuild appまたはUIからのアップグレード時に消去されてしまうと理解しています。

その変更を永続させたい場合は、実行中のDiscourseコンテナ内を編集するのではなく、再構築やアップデートを跨いで永続するように/var/discourse/containers/app.ymlで変更を加えるべきです。

追加したら、再構築できます。

./launcher rebuild app

Cloudflareを使用している人は全員ではありませんが、この修正にはCloudflareを選択しました。再構築する必要がなく、一時的な回避策でした。

セキュリティヘッダーは、最後に受信したものがブラウザによって尊重されるように機能するため、機能します。

これは、物事を機能させるための最も迅速で侵襲性の低い方法でした。しかし、コンテナ内で作業している場合は、Discourseを再構築またはアップデートするたびにやり直す必要があることを覚えておいてください。:slight_smile:

「いいね!」 3

CloudPanelとVhostを使用しており、ChatGPTの推奨に基づいて以前のソリューションを次のように変更しました。

「いいね!」 2

数ヶ月前、3人のユーザーのみで同様の問題が発生しました。ホスト担当者が不在で、ホスト設定にアクセスできる人がいなかったため、次のような解決策を見つけました。

テーマを編集し、<HEAD>に次を追加します。

<meta name="referrer" content="strict-origin-when-cross-origin">

「いいね!」 4

Your solution works with this metatag

<meta name="referrer" content="strict-origin-when-cross-origin">