임베드된 YouTube 영상으로 인해 신고 대기열 사용 불가

기여 버그
1

아니, 이번 주에 이런 문제를 계속 겪고 있군.

우리 사이트의 리뷰 대기열이 임베드된 YouTube 비디오의 막대한 렌더링 문제로 인해 차단되어 있습니다. 현재 최신 버전의 크롬이 설치된 크롬북에서 확인 중입니다. Windows 10 환경의 크롬에서도 확인했으며, Windows 환경의 파이어폭스에서도 확인했습니다.

해당 게시물의 실제 콘텐츠는 다음과 같습니다:

https://youtu.be/OTk6m3U54po

게시물 자체의 스크린샷 (플래그를 해제할 수 없어 현재도 여전히 숨겨진 상태):

image
image1105×580 71.5 KB

대기열에서 제가 보고 있는 내용의 스크린샷입니다 (최소 두 가지 테마에서 확인되었으며, 이 스크린샷은 기본 테마에서 촬영되었습니다.)

image
image1641×833 198 KB

이 표시 문제로 인해 악용 신고 대기열에 있는 다른 게시물 최소 하나가 가려져 있습니다. 승인 대기 중인 게시물처럼 보이지만, 심각하게 잘못 렌더링된 YouTube 스크린샷 때문에 두 게시물 모두 처리할 수 없습니다. 다른 게시물에 접근하여 승인할 수 있는지 확인해 보겠지만, 문제의 플래그는 검토를 위해 그대로 두겠습니다.

수정: 네, 다른 게시물은 정상적으로 처리할 수 있었습니다. 이것이 관련이 있는지 별도의 문제인지는 확실하지 않지만, 대기 중인 게시물을 승인한 후 알림 카운트가 사라졌고 새로고침을 해도 아무것도 표시되지 않았습니다. 문제의 게시물은 몇 분 후 다시 나타났습니다. 이상한 동작이지만 큰 문제는 아닙니다.

5개의 좋아요
2

네, 확인했습니다. 저도 이 문제가 있었어요. (그 후로는 제 원박스(Oneboxes)가 YouTube에서 특히 작동하지 않게 되면서 더 이상 발생하지 않았습니다.) 하지만 이 문제는 최신 버전에서, 그리고 3~4일 전까지 최신으로 여겨지던 버전에서도 발생했습니다.

2개의 좋아요
3

이 문제를 재현할 수 있습니다. 작은 우회 방법은 YouTube 링크 주위에 괄호를 추가하여 비디오 미리보기를 비활성화하는 것입니다. 이렇게 하면 검토 대기열에 다시 접근하여 해당 플래그를 처리할 수 있습니다. 하지만 게시물을 유지하면서 플래그를 처리한 후 괄호를 제거하면, 검토 대기열 기록을 열 때 다시 비디오가 검토 대기열 전체를 덮게 됩니다.

1개의 좋아요
4

Edit History를 확인하는 경우에도 비슷한 일이 발생합니다:

image
image2048×1536 279 KB

image
image2048×1536 281 KB

1개의 좋아요
5

이것은 CSS로 간단히 수정할 수 있습니다. F12를 통해 로컬에서, 또는 관리자 화면의 '커스터마이즈’를 통해 수정할 수 있습니다.

6

https://github.com/discourse/discourse/blob/master/plugins/lazy-yt/assets/stylesheets/lazyYT.css 의 이 CSS가 원인으로 보입니다.

.ytp-thumbnail-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

차원 제한을 담당해야 할 원박스 div가 리뷰 대기열 및 편집 이력 화면에서 lazyYT-container 클래스가 누락되어 있어, 해당 인스턴스들에서 100%의 의미가 달라집니다.

2개의 좋아요
7

이 절은 리뷰 대기열에서 lazyYT-container에서 제거되고 있습니다:

style="width: 480px; padding-bottom: 270px;"

수정: nojs 뷰에서도 포맷이 깨져 있습니다.

수정: @ClawdiaWolf가 지적한 수정 사항을 포함하여 PR을 제출했습니다.

7개의 좋아요
9

관련 문제일 수도 있지만, 2.5.0.beta4로 업그레이드한 후 게시물에 내장된 YouTube 비디오에 비디오를 반응형으로 만들 수 있도록 타겟팅할 lazyYT 컨테이너가 더 이상 표시되지 않는 것을 확인했습니다.

이전에는 다음 CSS를 사용했습니다:

.lazyYT {
    height: 0 !important;
    width: 100% !important;
    padding-bottom: 56.25% !important;
}

지금은 이 CSS가 작동하지 않습니다.

이 문제가 관련이 있다면 알려주세요.

1개의 좋아요
10

오보입니다. 관련이 없습니다.

원인이 YouTube 링크에 목록(?list=)이 포함되어 있을 때 lazyYT 컨테이너가 표시되지 않는다는 것을 발견했습니다. 저는 단순히 해당 회원의 게시글에서 링크를 수정했습니다.

예: 이 비디오 링크는 작동하지만, 이 비디오 링크(같은 비디오)는 YT 컨테이너를 생성하지 않습니다.

11

네, 해당 문제를 인지하고 있으며 최대한 빨리 해결하겠습니다. 진행 상황을 여기에서 확인하실 수 있습니다:

5개의 좋아요