YouTube埋め込みサイズ、再考

すべての動画をこのように表示させたい場合は、個別の動画の URL を調整するのではなく、上記の CSS 修正を使用することを強くお勧めします。

前述の通り、管理画面 > カスタマイズ > テーマ に移動し、そのスニペットを CSS に貼り付けてください(コンポーネント内に入れるとよりモジュール化されますが、メインテーマに追加しても問題ありません)。1 分もかかりません。これより簡単な方法はないと思います。

本当の「より簡単な」解決策は、Discourse がこれをデフォルトにすることです。ほとんどの埋め込み(大きな画像、ワンボックス、GitHub コード埋め込み)は全幅で表示されます。動画埋め込みも同様に動作するようにすれば、見た目が良くなり、視覚的な一貫性も大幅に向上します。

しかし、これは 2015 年から議論されてきました が、Discourse チームはその変更を好んでいないようです。また、動画の幅と YouTube のサムネイルサイズ/必要な帯域幅の不一致に関する懸念もあります(https://meta.discourse.org/t/making-embedded-linked-video-stretch-to-the-edges-of-the-topic/87960/6 を参照)。これが主な障壁のようです。ただし、そのトピックで述べたように、トレードオフはほとんど目立たないと思われます…

これは昨年のもので、Discourse チームが YouTube のサイズについて新しい考えを持っているかどうかはわかりません。しかし、この問題は頻繁に発生し、Discore コアでこれをデフォルトにすることは、一見思われるよりもかなり複雑な問題だと学びました :slight_smile:

いずれにせよ、それは学問的な話です。結論を言えば、上記のスニペットを文字通り 30 秒で貼り付けるだけで、あなたのサイトで見事な全幅の YouTube 動画が表示されるようになります!