Превью роликов на ютьюб стали огромные в 137 версии

n4657 · №1

При открытии youtube сначала превью появляются правильного размера и мгновенно сильно увеличиваются.
Пробовал запускать в безопасном режиме и в приватном окне, тоже самое.
Но это не проблема ютьюб, в edge превью правильного размера.
Прошу подсказать, как настройками вернуть правильный размер?

---------
Сейчас попробовал выставить toolkit.legacyUserProfileCustomizations.stylesheets = true
и создать в папке профиля chrome\userContent.css

Выделить код

Код:

@-moz-document domain("youtube.com") {
  ytd-rich-grid-media {
    transform: scale(0.5) !important;
    transform-origin: top left !important;
  }
  
  ytd-video-renderer {
    margin-bottom: 10px !important; 
  }
}

0.5 меняет размер превью, но их количество остается прежним, 3 штуки на экран.
Shorts не затрагивает.
Уменьшение margin-bottom ничего не даёт.

Отредактировано n4657 (21-04-2025 08:54:10)

momo2000 · №2

Может скриптом
https://greasyfork.org/en/scripts/391636-youtube-normal-thumbnails
https://greasyfork.org/en/scripts/533654-youtube-4-thumbnails-per-row-fix

n4657 · №3

momo2000 пишет

Может скриптом
https://greasyfork.org/en/scripts/391636-youtube-normal-thumbnails
https://greasyfork.org/en/scripts/533654-youtube-4-thumbnails-per-row-fix

Спасибо, но 533654-youtube-4-thumbnails-per-row-fix не работает.
Установил Violentmonkey, он установил, если ему верить, YouTube 4 Thumbnails Per Row Fix.user.js
YouTube 4 Thumbnails Per Row Fix.user.js я не нашел куда он его пристроил.
Сделал поиск по всему диску С:\ по строке из скрипта YouTube 4 Thumbnails Per Row Fix.user.js и тоже ничего не нашлось.
Если бы автор скрипта написал, куда этот скрипт подсунуть.
Попробовал сюда AppData\Roaming\Mozilla\Firefox\Profiles\****.default-release\chrome\
Не помогло.
P.S. С сегодняшнего дня в Edge такая же проблема с превью.

dinn · №4

n4657 зачем трансформить, если есть переменная. Пусть было 4 превью на строку, а хочу 5. Что еще нужно, сам додумывай

Выделить код

Код:

ytd-rich-grid-renderer[elements-per-row] {
  --ytd-rich-grid-items-per-row: 5 !important;
}

n4657 · №5

dinn пишет

n4657 зачем трансформить, если есть переменная. Пусть было 4 превью на строку, а хочу 5. Что еще нужно, сам додумывай
Выделить код
Код:
ytd-rich-grid-renderer[elements-per-row] {
  --ytd-rich-grid-items-per-row: 5 !important;
}

Спасибо за идею! Только так расстояние между превью оставалось огромным.
Окончательный рабочий вариант

Выделить код

Код:

@-moz-document domain("youtube.com") {
  #contents.ytd-rich-grid-renderer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important; 
  }

  ytd-rich-item-renderer {
    margin: 0 !important;
    padding: 0 !important;
    width: calc(16.66% - 8px) !important; 
  }

  ytd-rich-grid-row {
    display: contents !important;
  }

  ytd-rich-grid-media {
    margin: 0 !important;
    padding: 0 !important;

  }
}

Единственное, с Shorts не получилось. Остались огромные и слиплись, хотя тоже по 6 штук в ряд.

_zt · №6

Что то типа
ytm-shorts-lockup-view-model-v2 { margin-inline: 20px !important; }
или
.shortsLockupViewModelHost

dinn · №7

n4657 пишет

Спасибо за идею! Только так расстояние между превью оставалось огромным

идея в том, что достаточно прописать переменные. Может хватит этих трех. Уверен, что для shorts есть свои
--ytd-rich-grid-row-margin
--ytd-rich-grid-item-margin
--ytd-rich-grid-gutter-margin

n4657 · №8

Выделить код

Код:

@-moz-document domain("youtube.com") {
  #contents.ytd-rich-grid-renderer {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important; 
  }

  ytd-rich-item-renderer {
    margin: 0 !important;
    padding: 0 !important;
    width: calc(16.66% - 8px) !important; 
  }

  ytd-rich-grid-row {
    display: contents !important;
  }

  ytd-rich-grid-media {
    margin: 0 !important;
    padding: 0 !important;

  }

  .shortsLockupViewModelHost {
    width: 360px !important; 
    height: auto !important;
    margin-inline: 8px !important;
    flex: 0 0 auto !important; 
  }


  ytd-reel-item-renderer {
    transform: scale(0.9) !important;
    transform-origin: top left !important;
  }

}

Объявление

№121-04-2025 07:28:31