Как вернуть старый интерфейс сайта YouTube
Что случилось
Обновление интерфейса сайта YouTube для настольных компьютеров постепенно получили большое число пользователей. Новый вариант больше похож на интерфейс для планшета. Рекомендуемые видео теперь занимают почти все пространство внизу. Информация о видео, открытом в данный момент, и комментарии находятся в колонке справа.
Изменения направлены на то, чтобы увеличить активность пользователей и количество часов, проведенных за просмотром видео. Очевидно, идея в том, чтобы люди больше кликали на рекомендованные видео.
В настройках нет опции возврата к старому дизайну для десктопа. Хотя не исключено, что поддержка Ютуба может вручную включить его для конкретного пользователя.
Можно воспользоваться расширениями и скриптами для браузера, которые меняют структуру загруженной страницы и в той или иной степени возвращают старый интерфейс. При этом можно столкнуться с ошибками, неработоспособностью отдельных функций сайта и другими проблемами. Например, может не работать прокрутка мышью, когда курсор находится над комментариями или другими элементами. Сайт Ютуба может работать медленнее, чем обычно. Но если вернуть старый интерфейс действительно необходимо, то возможно, другого пути нет.
Мы собрали здесь известные способы вернуть вид Ютуба как в старой версии, но решение о безопасности установки того или иного программного компонента вы принимаете самостоятельно.
Способы возвращения старого интерфейса
1. Самый простой: расширение для браузера
Расширение Enhancer for YouTube в основном возвращает старый дизайн. После установки просто обновите вкладку с сайтом Ютуба. Дополнительно ничего не нужно настраивать, но в расширении есть и много других функций.
2. Пользовательские скрипты
Установите расширение для пользовательских скриптов Violentmonkey или Tampermonkey, затем добавьте в него один из скриптов:
- YouTube Revert Layout (разработка этого скрипта ведется здесь)
- Classic Youtube Layout
- Revert UI Changes и дополнительно:
- Установите расширение Stylus и добавьте в него стиль Revert Video List (подробнее об установке здесь)
Если появится ошибка насчет строки @match, нажмите Allow Edits и отредактируйте адрес, чтобы он начинался с *://*.youtube.com/* или установите скрипт как есть, а затем вставьте *://*.youtube.com/* в строку @match rules на вкладке Settings скрипта.
3. Фильтры для uBlock Origin
Установите uBlock Origin (Chrome, Firefox) и добавьте в него фильтры:
! Youtube New UI Fix youtube.com###related #thumbnail.ytd-rich-grid-media:style(margin-right: 8px!important;height: 94px!important;width: 168px!important;min-width: 168px!important;) youtube.com###related #avatar-link.ytd-rich-grid-media, #related #attached-survey.ytd-rich-grid-media, #related .ytd-rich-shelf-renderer .button-container.ytd-rich-shelf-renderer:style(display:none!important;) youtube.com###related #dismissible.ytd-rich-grid-media:style(display:flex;flex-direction:row!important;) youtube.com###related #details.ytd-rich-grid-media:style(width: 100%!important;min-width: 0!important;) youtube.com###related #contents ytd-rich-item-renderer:style(margin:0!important;margin-top:8px!important;) youtube.com###related ytd-rich-grid-row #contents.ytd-rich-grid-row,#related h3.ytd-rich-grid-media,#related ytd-rich-section-renderer #content,#related #rich-shelf-header.ytd-rich-shelf-renderer:style(margin:0!important;) youtube.com###related ytd-rich-item-renderer.ytd-rich-grid-row,#content.ytd-rich-item-renderer:style(width:100%!important;) youtube.com###related #video-title.ytd-rich-grid-media:style(font-size:1.4rem!important;) youtube.com###related .ytd-channel-name a,#related #metadata-line.ytd-video-meta-block span:style(font-size:12px!important;) youtube.com###related ytd-rich-grid-renderer #contents:style(padding-top:0px!important;) youtube.com###related .ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer:style(width:130px!important;min-width: 130px!important;) youtube.com###related #contents.ytd-rich-shelf-renderer:style(display: flex !important;flex-direction: row !important;gap: 8px !important;flex-wrap: nowrap!important;max-width: 400px!important;overflow-x: scroll!important;overflow-y: hidden!important) youtube.com###related .ytd-rich-shelf-renderer .yt-core-image:style(object-fit: cover!important;) youtube.com###related ytd-rich-section-renderer #contents:style(margin-left:0!important) youtube.com###related #contents ytd-rich-section-renderer ytd-rich-item-renderer:style(margin-top:0px!important;) youtube.com###related .ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer[hidden=""]:style(display:block!important;) youtube.com###related #dismissible.ytd-rich-shelf-renderer:style(margin:0!important; border-color: transparent!important) youtube.com###title yt-formatted-string.ytd-watch-metadata:style(font-size:20px!important; font-weight: 700!important; line-height:28px!important) youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.kevlar_watch_grid, false) youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.small_avatars_for_comments, false) youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.kevlar_watch_comments_panel_button, false) youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.web_rounded_thumbnails, false) youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.web_watch_rounded_player_large, false) youtube.com##+js(set, yt.config_.EXPERIMENT_FLAGS.kevlar_watch_max_player_width, 1280)
Как повлиять на то, чтобы вернули старый интерфейс?
Мы рекомендуем отправить в Гугл свой отзыв о новом интерфейсе. Открыв YouTube, нажмите на свою аватарку справа вверху и выберите из меню Отправить отзыв.
Смотрите также
Вопросы можно задавать здесь: