기 타 유튜브에서 영상 섬네일 갯수 늘리기

제 PC 화면은 1920*1080 모드에서 125% 확대로 사용하고 있습니다.

PC 작업하면서 한쪽에 브라우저 열어 놓고 유튜브를 시청하는데, 브라우저 창 크기에 따라 썸네일이 1~3개, 한 화면 2~6개만 노출됩니다.

유튜브가 노출되는 썸네일 영상 갯수를 줄였는데, 제 입장에선 보고 싶은 영상을 찾기 위한 스크롤이 더 늘어났습니다.

이유는 트래픽을 줄이려고 그런 것 같지만 그건 유튜브 사정이고, 난 내가 편해야 되지 않겠습니까?

그래서 늘릴 방법을 찾아 보았습니다.

1. 아래 링크에서 크롬 확장 앱을 설치합니다.

https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

(다른 브라우저도 확장 웹 스토어에서 Stylus로 검색하면 CSS/JS를 수정해 주는 확장 앱들을 여럿 찾을 수 있습니다.)

2. 설치한 Stylus 확장 앱 클릭 -> 관리 -> 왼측 메뉴에 '세 스타일 작성' 클릭합니다.

(다른 브라우저의 Stylus 확장 앱도 이렇게 스크립트 넣을 수 있는 메뉴 찾아가시면 됩니다)

3. 이제 아래 스크립트를 복사해서 붙여 넣고 유튜브 URL과 연결시켜 저장하면 됩니다.

   (아래 스크립트가 안되면 https://windowsforum.kr/lecture/20820819의 글을 보고 설치)

@media (min-width: 1600px) {

    ytd-rich-grid-renderer {

        --ytd-rich-grid-items-per-row: 6 !important;

    }

    #video-title.ytd-rich-grid-video-renderer{

        font-size: 1.4rem;

    }

}

@media (min-width: 1400px) and (max-width: 1599px) {

    ytd-rich-grid-renderer {

        --ytd-rich-grid-items-per-row: 5 !important;

    }

}

#contents > ytd-rich-grid-row, #contents > ytd-rich-grid-row > #contents {

    display: contents !important;

}

위 스크립트를 대충 보면 전체 화면 크기에서 유튜브 왼쪽 메뉴 유무에 따라 한 줄 썸네일이 5~6개란 뜻 같습니다.

5와 6이란 숫자를 변경하면 한 줄 썸네일 갯수도 원하는대로 바꿀 수 있을 것 같지만, 전 이대로 만족합니다.

이렇게 하면 아래 스샷처럼 썸네일이 증가해서 스크롤 적게 하며 편하게 즐기실 수 있습니다.

다른 브라우저들까지 더 자세히 쓸까 했지만 분량이 배 이상 늘어나고 이 정도 설명 만으로도 윈포 회원님 수준엔 출분히 적용할 것 같아  핵심만 요약합니다.