임베드된 비디오 썸네일 모바일에서 검은 막 (Wistia)

개발
1

Wistia 영상은 공용 미디어 URL을 Discourse에 붙여넣으면 자동으로 임베드됩니다. 태블릿과 컴퓨터에서는 모두 정상적으로 작동합니다. 하지만 휴대폰에서는 썸네일에 이상한 검은색 바가 보입니다.

휴대폰에서 YouTube 영상 썸네일은 잘 작동합니다.

포럼을 검색해 보니, 2023년에 YouTube에 대해 팀이 수정 사항을 제공한 것으로 보입니다. Wistia에 대해서도 이 CSS 버그를 수정할 수 있을까요? 감사합니다.

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

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

image
image353×432 30.6 KB

2

고정 높이 없이 종횡비를 유지하는 CSS 솔루션입니다:

iframe[src*="wistia.net"] {
    aspect-ratio: 16 /9;
    height: auto;
}
3

답변해 주셔서 감사합니다, Arkshine. 정말 훌륭한 해결책이네요. 저는 디스코urs 커뮤니티의 일반 사용자이지 관리자가 아닌데, 커뮤니티 내 자신의 게시물에 직접 CSS를 적용할 수 있을까요? 아니면 개발자가 GitHub에 해당 코드를 추가해 주어야 하나요?

예를 들어, 비디오 URL이 다음과 같다면

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

아니요, 그건 바로 적용할 수 있는 것이 아닙니다. Discourse 커뮤니티 관리자에게 해당 CSS를 추가할 수 있는지, 그리고 추가할 의향이 있는지 항상 물어볼 수 있습니다. 결국 이는 Discourse에서 반드시 개선되어야 할 부분입니다.

5

네, 답변 감사합니다 :slight_smile: 정말 고마워요 :slight_smile:

그분들은 기술에 그다지 밝지 않으셔서, Discourse 플랫폼에서 CSS 수정이 적용되기를 기다리는 쪽을 확실히 선호하실 거예요. 이렇게 하면 소프트웨어를 업데이트할 때 수정 사항이 자동으로 적용되니까요.