Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.10.2024, 21:08
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 43

как переназначить стили рутуба?
Доброго дня.

возможно ли как-то переназначить стили 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, но не получилось. мои правки игнорируются браузером и код не меняется.

тп молчит - там всегда только бестолковый бот отвечает.
Спасибо заранее
Ответить с цитированием
  #2 (permalink)  
Старый 18.10.2024, 01:19
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,584

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

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как получить результат от ajax запроса (из отдельного файла) 1Feniks1 AJAX и COMET 0 12.03.2017 18:45
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Как получить стили neWjs Общие вопросы Javascript 2 17.01.2014 22:29
Как объединить 4 одинаковых функции Batyabest Общие вопросы Javascript 2 21.12.2013 22:53
Как сделать как в JQ? faforty Общие вопросы Javascript 8 14.11.2011 01:35