# 임베드된 비디오 썸네일 모바일에서 검은 막 (Wistia)
**URL:** https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946
**Category:** Development
**Created:** [2월 10, 2024, 2:55오후 UTC](https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946 "2024-02-10T14:55:20Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@gitdev](https://meta.discourse.org/u/gitdev)
#### Post date: [2월 10, 2024, 2:55오후 UTC](https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946/1 "2024-02-10T14:55:20Z")
Wistia 영상은 공용 미디어 URL을 Discourse에 붙여넣으면 자동으로 임베드됩니다. 태블릿과 컴퓨터에서는 모두 정상적으로 작동합니다. 하지만 휴대폰에서는 썸네일에 이상한 검은색 바가 보입니다.
휴대폰에서 YouTube 영상 썸네일은 잘 작동합니다.
포럼을 검색해 보니, 2023년에 YouTube에 대해 팀이 수정 사항을 제공한 것으로 보입니다. Wistia에 대해서도 이 CSS 버그를 수정할 수 있을까요? 감사합니다.
> [@유튜브 임베드 및/또는 썸네일 처리 방식이 변경되었나요?](https://meta.discourse.org/t/changes-in-the-way-youtube-embeds-and-or-thumbnails-are-being-handled/260787/2):
>
> Yes, there’s this recent big change replacing lazy-yt: [https://github.com/discourse/discourse/pull/20722/files](https://github.com/discourse/discourse/pull/20722/files) And this one addressing the annoying black bars: [https://github.com/discourse/discourse/pull/20914](https://github.com/discourse/discourse/pull/20914) Not sure about the forced rebake though.
```plaintext
https://support.wistia.com/medias/26sk4lmiix
```
[https://support.wistia.com/medias/26sk4lmiix](https://support.wistia.com/medias/26sk4lmiix)
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2월 10, 2024, 3:51오후 UTC](https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946/2 "2024-02-10T15:51:46Z")
고정 높이 없이 종횡비를 유지하는 CSS 솔루션입니다:
```css
iframe[src*="wistia.net"] {
aspect-ratio: 16 /9;
height: auto;
}
```
---
### Author:  [@gitdev](https://meta.discourse.org/u/gitdev)
#### Post date: [2월 10, 2024, 4:39오후 UTC](https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946/3 "2024-02-10T16:39:21Z")
답변해 주셔서 감사합니다, Arkshine. 정말 훌륭한 해결책이네요. 저는 디스코urs 커뮤니티의 일반 사용자이지 관리자가 아닌데, 커뮤니티 내 자신의 게시물에 직접 CSS를 적용할 수 있을까요? 아니면 개발자가 GitHub에 해당 코드를 추가해 주어야 하나요?
예를 들어, 비디오 URL이 다음과 같다면
```plaintext
https://support.wistia.com/medias/26sk4lmiix
```
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [2월 10, 2024, 5:10오후 UTC](https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946/4 "2024-02-10T17:10:17Z")
아니요, 그건 바로 적용할 수 있는 것이 아닙니다. Discourse 커뮤니티 관리자에게 해당 CSS를 추가할 수 있는지, 그리고 추가할 의향이 있는지 항상 물어볼 수 있습니다. 결국 이는 Discourse에서 반드시 개선되어야 할 부분입니다.
---
### Author:  [@gitdev](https://meta.discourse.org/u/gitdev)
#### Post date: [2월 10, 2024, 5:23오후 UTC](https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946/5 "2024-02-10T17:23:52Z")
네, 답변 감사합니다 🙂 정말 고마워요 🙂
그분들은 기술에 그다지 밝지 않으셔서, Discourse 플랫폼에서 CSS 수정이 적용되기를 기다리는 쪽을 확실히 선호하실 거예요. 이렇게 하면 소프트웨어를 업데이트할 때 수정 사항이 자동으로 적용되니까요.
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [4월 16, 2024, 11:24오전 UTC](https://meta.discourse.org/t/embed-video-thumbnail-black-bars-on-mobile-wistia/294946/6 "2024-04-16T11:24:47Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.