youtube more videos per row. Youtube首頁顯示更多影片

 

This method is for youtube recently revised at 2024-07-26.

youtube default 3 videos per row , I wanna more videos per row.

How to do

1. change css below by some extension/plugin such as 'Stylus'

2. css code:

/*more video per row*/
ytd-rich-item-renderer[rendered-from-rich-grid][is-in-first-column] {
    margin-left:2px;
}
ytd-rich-item-renderer{
    width:100%;display: flex;margin-right:0px;
    margin-right:2px;
    margin-left:2px;
    margin-bottom:4px;
}
ytd-rich-item-renderer[rendered-from-rich-grid]{
    --ytd-rich-item-row-usable-width:62%;
}

 

- adjust --ytd-rich-item-row-usable-width:62%; to get more videos or less

- 調整 62% 可顯示更多或更少的影片

all done.

3. options: more css to imporve UI (video title shows more words)

/*title lines 4*/
#video-title.ytd-rich-grid-media {
    font-size: 1.6rem;
    line-height: 1.8rem;
    max-height: 7.2rem;
    -webkit-line-clamp: 4;
    padding-top: 4px
}
/*hide channel icon*/
.yt-decorated-avatar-view-model-wiz {
    height: 0px;
    width: 0px;
    display: none;
}

- title 4 line、no channel icon (more space to show video title)  

- 標題變4行、不顯示頻道的icon圖示 (更多空間顯示影片標題)