Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   как переназначить стили рутуба? (https://javascript.ru/forum/xhtml-html-css/86120-kak-perenaznachit-stili-rutuba.html)

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...78bc02f7f8.css

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

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

Aetae 18.10.2024 01:19

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

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

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


Часовой пояс GMT +3, время: 08:19.