Думаю, многие из вас обращали внимание на то, что при просмотре видео часть экрана занимают черные полосы. Происходит это потому, что соотношение сторон кадра видео не совпадают с соотношением сторон экрана.
Чтобы задействовать весь экран и убрать полосы нужно обрезать часть изображения. В большинстве случаев, удаление горизонтальных полос сверху и снизу путем обрезки кадра слева и справа не ухудшает восприятие. Зато экран используется на все 100%!
Итак, что нужно сделать:
- Установить расширение для Chrome Video Plus. Данное расширение сделано для того, чтобы вписывать изображение, в котором черные полосы есть со всех сторон. Это не совсем то, что нам нужно. Зато там есть возможность переписать стили обработки изображения для разных сайтов.
- Для этого заходим в настройки:
- В этом поле выделяем все:
и вставляем этот код:
.html5-video-player {
}
.html5-video-container {
height: 100% !important;
}
video.html5-main-video {
height: 100% !important;
object-fit: cover !important;
top: 0 !important;
left: 0 !important;
}
Теперь можно протестировать, что у нас получилось. Нужно найти какое-нибудь широкоэкранное видео, например, это, и посмотреть, вписывается оно в ваш экран, или нет.
Данная настройка работает по умолчанию для любого видео в Youtube, в том числе при просмотре на весь экран, о чем сигнализирует галочка на значке расширения. Но вы всегда можете ее выключить, кликнув на значок расширения.