Как изменить маштаб видео?
Смотрю видео на filmix, большинство видео подогнаны под формат 16:9, а у меня монитор 21:9. Вот и получается, что на ноуте картинка нормально вписывается в экран, а на мониторе имеем черные полосы по краям. Очень не хватает кнопки маштабирования видео как например в VLC player.
Возможно кто-то встречал расширение для браузера или скрипт для Tampermonkey который может расширить функционал web плеера и добавить на него кнопку маштабирования видео.
Дополнительно:
Хочешь смотреть искажённую картинку, серьёзно? Каких только странностей не хочется людям.. нда..
Вот как пример, тоже самое видео, использовал в macOS маштабирование всего рабочего стола, никаких искажений.
Если видео формата 21ч9, то оно должно полностью заполнять экран.
На твоей фото в вопросе четко видно что картинка по высоте занимает 100%.
Вот именно, проблема в том, что видео сграбили в соотношении 16:9 и web player правильно отрабатывает к нему притензий нет. Но зачем мне эти черные полосы сверху и снизу которые не несут никакой информации. Я хочу увеличить изображение (увеличить маштаб, кропнуть), что в свою очередь обрежет эти черные полосы. Эта логика отлично работает если использовать маштабирование в операционной системе или в VLC плеере, я всего лишь ищю возможность добавить этот функционал в web player.
https://www.nuevodevel.com/nuevo/showcase/zoom
Вот пример скрипта который добавляет кнопку zoom в youtube web плеер.
проблема в том, что видео сграбили в соотношении 16:9 и web player правильно отрабатывает к нему притензий нет.
ааа... ты кривые пиратки смотришь. Я уже и забыл что такое Г существует. Тогда согласен, тебе это нужно.
Но это функция не браузера, а плеера. В чём ты смог убедиться, найдя плееры.
1. Черные полосы сверху и снизу
2. Обрезка полос изображения справа и слева
3. Нелинейное растягивание под экран
Из этих вариантов я б тоже выбрал пункт1
дополнение в браузер
ultrawidify
- Казалось бы - вот оно счастье, но нет
Спасибо, это действительно то что надо, но разработчик гарантирует стабильную работу только на youtube, netflix, Twitch. Я как раз попал на баг когда картинка смещена вправо...
- Valentin Barbolin,
у меня и на filmix работало, с 25" монитором 21:9
сейчас обычный 19" монито 16:10, так что проверить не могу,
есть ещё подобные плагины/расширения, погугли UltraWideo - Valentin Barbolin,
я на фильмикс смотрел и через VLC,
раньше был bash скрипт, который обрабатывая ссылку на страницу filmix с видео
и открывал прямую ссыль на файл в плеере
но сейчас, автор забросил этот скрипт :( - Вот это отлично подошло, спасибо за наводку.
https://chromewebstore.google.com/detail/zoom-to-f...
Расширение которое решилу мою задачу.
https://chromewebstore.google.com/detail/zoom-to-f...
Так же браузер EDGE на macOS можно маштабировать видео через Command+UP
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для изменения масштаба видео на веб-странице можно использовать свойство CSS `transform: scale()`. Это свойство позволяет масштабировать элементы HTML, включая видео, как в увеличенном, так и уменьшенном масштабе.
Пример использования этого свойства для масштабирования видео на веб-странице:
<div class="video-container"> <video src="video.mp4" controls></video> </div>
.video-container { transform: scale(2); /* увеличить видео в 2 раза */ }
В данном примере видео будет увеличено в 2 раза. Вы можете изменять значение `2` на любое другое число, чтобы увеличивать или уменьшать масштаб видео по вашему усмотрению.
Также, помните, что изменение масштаба элемента может влиять на его расположение на странице и другие элементы. Поэтому убедитесь, что ваши стили не нарушают общую композицию страницы.
Если вам нужно изменить масштаб видео динамически, например, при наведении курсора мыши или по другим событиям, вы можете использовать JavaScript для добавления и удаления классов с соответствующими стилями масштабирования. Например:
<div class="video-container"> <video src="video.mp4" controls></video> </div>
.zoomed { transform: scale(1.5); /* увеличить видео в 1.5 раза */ }
function zoomIn() { document.querySelector('.video-container').classList.add('zoomed'); } function zoomOut() { document.querySelector('.video-container').classList.remove('zoomed'); }
Таким образом, вы можете легко изменить масштаб видео на веб-странице с помощью CSS и JavaScript, чтобы создать уникальный пользовательский опыт.