移动端嵌入视频缩略图出现黑边 (Wistia)

开发
1

当我们将 Wistia 公共媒体 URL 粘贴到 Discourse 中时，视频会自动嵌入。在平板电脑和电脑上一切正常。但在手机上，缩略图会出现一些奇怪的黑色条纹。

YouTube 视频在手机上的缩略图效果很好。

我在论坛上搜索了一下，似乎团队在 2023 年为 YouTube 提供了一个修复。是否有可能也为 Wistia 修复这个 CSS bug？谢谢。

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。这看起来是个很棒的解决方案。我是一名 Discourse 社区的用户，而不是管理员，我可以直接将 CSS 应用到社区的帖子中，还是需要开发者将其添加到 GitHub？

例如，如果视频网址是

https://support.wistia.com/medias/26sk4lmiix
1 个赞
4

不，这不是您可以直接应用的内容。您可以随时询问您的 discourse 社区的管理员，他们是否能够并且愿意添加此 CSS。最终，这确实是 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.