埋め込み動画のサムネイル、モバイルで黒帯 (Wistia)

開発
1

Wistia動画は、Discourseに公開メディアURLを貼り付けると自動的に埋め込まれます。タブレットとコンピューターでは問題ありません。しかし、スマートフォンでは、サムネイルに奇妙な黒いバーが表示されます。

スマートフォンでのYouTube動画のサムネイルは問題なく動作します。

フォーラムで検索したところ、2023年にチームによってYouTubeの修正が提供されたようです。WistiaのCSSバグも修正可能でしょうか？よろしくお願いします。

https://support.wistia.com/medias/26sk4lmiix

https://support.wistia.com/medias/26sk4lmiix

image
image353×432 30.6 KB

「いいね！」 1
2

固定の高さを維持せずにアスペクト比を維持するCSSソリューションを次に示します。

iframe[src*="wistia.net"] {
    aspect-ratio: 16 /9;
    height: auto;
}
「いいね！」 2
3

Arkshine、お時間を割いてご回答いただきありがとうございます。素晴らしい解決策のようですね。私はコミュニティの管理者ではなく、ディスコースコミュニティのユーザーです。コミュニティの投稿に直接CSSを適用できますか、それとも開発者がGitHubに追加する必要がありますか？

ビデオURLが次のようだった場合の例

https://support.wistia.com/medias/26sk4lmiix
「いいね！」 1
4

いいえ、直接適用できるものではありません。CSSを追加できるかどうか、また追加する意思があるかどうかを、Discourseコミュニティの管理者に尋ねることができます。最終的には、Discourseで改善されるべきことです。

「いいね！」 3
5

お返事ありがとうございます :slight_smile: 感謝します :)\n\n彼らはそれほど技術に詳しくないので、DiscourseプラットフォームでのCSS修正を待つことを確実に好むでしょう。そうすれば、ソフトウェアを更新したときに修正が自動的にプッシュされます。

6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.