Вход

Просмотр полной версии : как переназначить стили рутуба?


tp-20
17.10.2024, 21:08
Доброго дня.

возможно ли как-то переназначить стили css с рутуба, которые прописаны во внешнем css-файле?

суть в следующем.
у меня на сайт с рутуба embed'ом вставляются видео со своими стилями и скриптами. мне нужно изменить свойства превьюшки, которое обрезается на мобильных устройствах, т.е. мне нужно адаптировать превью видео, чтобы оно не обрезалось.

на первом скриншоте https://ibb.co/mNpdymm видно, что превью обрезано. в css это класс .raichu-wrapper-module__poster___fPYFZ и свойство object-fit: cover;

для того, чтобы превью отображалось правильно и не обрезалось, нужно object-fit: cover заменить на contain. в инспекторе кода я могу это сделать, и видно, что превью работает - второй скриншот: https://ibb.co/RN803Mg

а вот сам внешний css-файл рутуба - скриншот: https://ibb.co/bHL4Thv выделил свойство, которое мне нужно принудительно изменить.
или ссылка на сам файл: https://rutube.ru/raichu-embed/style.32a09a5cec78bc02f7f8.css

я пробовал переназначить стили у себя в файле стилей через !important и через jQuery, но не получилось. мои правки игнорируются браузером и код не меняется.

тп молчит - там всегда только бестолковый бот отвечает.
Спасибо заранее

Aetae
18.10.2024, 01:19
Нет, ты не можешь менять ничего на чужом сайте. Никак и никогда. Иначе ты мог бы, например, фреймить чужой банк-клиент, и делать с деньгами заходящих на твой сайт что захочешь.

Единственный вариант - это специально предусмотренный со стороны сайта api для этого. Ну и если ты хочешь поменять только для самомго себя - есть браузерные расширения.

Что делать в твоём случае?
1. Долбить в поддержку рутуба, дальше пусть исправляют.
2. Накостылить: если ты знаешь настоящее разрешение - то такое разрешение и ставь своему фрейму при подключении на странице, чтоб всё влезало.
Если нужна именно такая высота - то клади его в чёрную "коробочку" нужного размера, а по фокусу на фрейме - раздвигать его до размеров коробки. Или показывать pointer-events:none превью-картинку поверх фрейма, а по фокусу на фрейм - убирать. Или ещё как извратиться.