티스토리 유튜브 동영상 미리보기 썸네일 표시 안되는 문제 해결

최근 티스토리 알고리즘이 조금씩 자주 바뀌고 있는데.. 얼마전부터는 티스토리에 첨가한 유튜브 동영상의 미리보기 화면이 노출이 되지 않는 문제가 발생하고 있습니다. html을 확인해 보면 썸네일, 캡션 등은 잘 지정되어 있는데.. 화면에는 아래와 같이 표시됩니다.

티스토리 유튜브 동영상 표시 문제

잘 살펴보면 예전에 발행한 글들은 또 정상적으로 작동하고 있습니다. 2021년 중반 이전에 발행한 글들은 대체적으로 정상입니다. 그래서 잘 작동하는 예전 글과 작동하지 않는 최신 글을 비교해 보니.. html 문서에 약간의 변화가 있더라구요. 유튜브 영상 관련 <figure> ... </figure>의 아래 부분이 문제인 것 같습니다. 

data-video-origin-width="860" data-video-origin-height="484"

유튜브 비디오의 사이즈를 정의하는 문구인데.. 예전에는 문제없이 작동했는데.. 최근 유튜브 규격이 바뀌었는지 더이상 티스토리에서 정상적으로 작동하지 않습니다. 이 부분을 아래와 같이 바꾸면 정상 작동합니다. 

data-video-origin-width="undefined" data-video-origin-height="undefined"

아래는 이렇게 수정하고 정상 작동하는 페이지 모습니다. 

티스토리 유튜브 동영상 표시 문제 해결된 모습

티스토리 측에서 해당 부분 확인해서 다시 일괄적으로 undefined로 수정해 주셔야 할 것 같습니다. 다른 스킨에서는 문제가 없을 수도 있는데.. 최소한 제가 사용하는 Whatever 스킨은 문제가 있는 것 같습니다. 제가 추가한 여러가지 자바 스크립트와 충돌 때문에 발생하는 문제일 수도 있을 것 같습니다.

https://youtu.be/rBex59-Sp78