Как для iframe задать класс?

[ Закрыто ] Как для iframe задать класс?, Нужно обернуть в определенный класс все iframe

Сообщений: 5778 Регистрация: Апр 2016

26 Февраля 2018 15:27

Всем привет, нужна помощь специалистов smile:)

Вопрос, у меня на сайте видео плееры iframe, есть код от рекламодателя которым нужно обернуть этот плеер, но я хочу обернуть все имеющиеся у меня плееры iframe.

Как это можно реализовать? И можно ли вообще такое сделать?

Пример кода

<div class="video">
Здесь ваш плеер
</div>

Пишите ваши предложения в личку, а также свою цену за реализацию задуманного smile:)

Почему завистники всегда чем-то огорчены? Потому что их снедают не только собственные неудачи, но и успехи других.

Eye

Сообщений: 21216 Регистрация: Май 2011

26 Февраля 2018 15:35

Не совсем понятно, что Вы хотите. Если хотите менять стили в фрейме - не выйдет, он подгружает свои стили, вмешаться Вы не можете. Если хотите просто оболочку дл плеера - то не вижу проблемы, оборачивайте, чем хотите. Короче, подробнее напишите (или переформулируйте), пока непонятно, что нужно Вам конкретно.

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

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

26 Февраля 2018 15:54

Цитата
Eye пишет: Короче, подробнее напишите

К примеру есть плеер от ютуба, в формате iframe, перед показом основного видео будет идти видео реклама, чтобы она шла нужно обернуть этот плеер кодом, который я дал выше. Так вот, мне нужно обернуть все имеющиеся у меня плееры в формате iframe. Но делать это вручную, себе дороже, у меня десятки тысяч станиц с этим плеером.
Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то smile:)

Вот жду советы знающих, возможно ли это сделать? smile:confused:

Изменено: SEO BOSS - 26 Февраля 2018 15:55

WGN

Сообщений: 9848 Регистрация: Июн 2015

26 Февраля 2018 16:06

Цитата
SEO BOSS пишет: Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то

Что то подобное было для вордпресс:confused:- плагин чтоли:) У вас какая платформа?

✔(НЕЙРОСЕТЬ) Качественные живые посетители на ваш сайт, блог, канал — Бесплатно!!!

♛ЛУЧШИЙ ПРОВЕРЕННЫЙ и САМЫЙ НЕДОРОГОЙ ХОСТИНГ: АКЦИИ!

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

26 Февраля 2018 16:09

Цитата
WGN пишет: У вас какая платформа?

Вордпресс

WGN

Сообщений: 9848 Регистрация: Июн 2015

26 Февраля 2018 16:16

Цитата

SEO BOSS пишет:

Цитата
WGN пишет: У вас какая платформа?

Вордпресс

Что то подобное я искал набери в поиске планин с iframe через гугл. Не помню для чего он мне нужен был:confused:Может найдешь если это то:confused:

Eye

Сообщений: 21216 Регистрация: Май 2011

26 Февраля 2018 16:33

Цитата
SEO BOSS пишет: Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то

Ну, в принципе, (если я правильно понял задачу) там пофиг на CMS, если можете внедрять php-код перед формированием html, то просто сделать. Тупо ловить кодом место с плеером и обернуть. Думаю, что фрилансер Вам поможет это сделать. Обратитесь на любой профильный форум, там реально работы мало и недорого.

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

26 Февраля 2018 17:34

Цитата
Eye пишет: Обратитесь на любой профильный форум

Я уже обратился сюда, эта тема уже в поиске smile:D

Пришел за хлебом в магазин, а продавец и говорит, иди лучше за хлебом в другой магазин smile:mocking:

Думаю тут тоже найдутся специалисты.

Цитата
Eye пишет: Тупо ловить кодом место с плеером и обернуть.

Да-да, нужно так сделать, или в скрипте задать такие параметры, чтобы iframe оборачивался <div class="video"> автоматически, так можно? smile:confused:

rushot

Сообщений: 540 Регистрация: Сен 2016

26 Февраля 2018 17:36

Код

<iframe src="https://www.youtube.com/embed/_wiHchwD1IA" allow="autoplay; encrypted-media" allowfullscreen="" width="640" height="360" frameborder="0"></iframe>

<script>
   var iframe = document.querySelector('iframe');
   var div = document.createElement('div');
   div.className = 'video';
   div.innerHTML = iframe.outerHTML;
   iframe.parentNode.replaceChild(div,iframe);
</script>

Может js пойдет?
У iframe есть какой нибудь класс или ID?
Если нет, то в каком он блоке с классом или id, чтоб его поймать.
Этот код обернет первый iframe.

Изменено: rushot - 26 Февраля 2018 17:42

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

#10

26 Февраля 2018 18:04

Цитата
rushot пишет: У iframe есть какой нибудь класс или ID?

Вообще ничего нет, просто iframe, я хочу все iframe обернуть этим кодом.
<div class="video">
<iframe src="" allow="autoplay; encrypted-media" allowfullscreen="" width="640" height="360" frameborder="0"></iframe>
</div>

Чтобы скрипт или что там еще оборачивал вот так все iframe на сайте smile:)

Изменено: SEO BOSS - 26 Февраля 2018 18:05

Eye

Сообщений: 21216 Регистрация: Май 2011

#11

26 Февраля 2018 18:33

SEO BOSS, так!

Цитата
SEO BOSS пишет: <iframe src="" allow="autoplay; encrypted-media" allowfullscreen="" width="640" height="360" frameborder="0"></iframe>

Вы где конретно это видите? Просто пытаюсь понять, почему не можете обернуть...

rushot

Сообщений: 540 Регистрация: Сен 2016

#12

26 Февраля 2018 18:36

Код

<script>
   var iframe = document.querySelectorAll('iframe');
   for(var i = 0; i < iframe.length; i++) {
      var div = document.createElement('div');
      div.className = 'video';
      div.innerHTML = iframe[i].outerHTML;
      iframe[i].parentNode.replaceChild(div,iframe[i]);
   }
</script>

Вообще-вообще все iframe обернет на странице.
Попробуйте вставьте внизу шаблона. Может и не заработает вариант.

rushot

Сообщений: 540 Регистрация: Сен 2016

#13

26 Февраля 2018 18:39

Цитата
Eye пишет: Вы где конретно это видите? Просто пытаюсь понять, почему не можете обернуть...

Может вручную вносит каждый раз? Типа, как статья. Отсюда и сложности.

SEO BOSS

Сообщений: 5778 Регистрация: Апр 2016

#14

26 Февраля 2018 18:52

Цитата
rushot пишет: Вообще-вообще все iframe обернет на странице. Попробуйте вставьте внизу шаблона. Может и не заработает вариант.

Попробую, протестируем. Если все будет ок. сколько вам за ваши работы перечислить? ЛС закрыта у вас smile:)

Цитата
Eye пишет: Вы где конретно это видите? Просто пытаюсь понять, почему не можете обернуть...

Вот человек, сразу понял что мне нужно smile;)

Цитата
rushot пишет: Может вручную вносит каждый раз? Типа, как статья. Отсюда и сложности.

Eye

Сообщений: 21216 Регистрация: Май 2011

#15

26 Февраля 2018 18:58

Цитата
SEO BOSS пишет: Вот человек, сразу понял что мне нужно

Ну вот и всё отлично.

Похожие темы:

09.12.2023 12:42	Переходы с iframe-yang.yandex
30.07.2019 17:22	Как задать размеры у файла iframe?
13.08.2018 22:52	Скрыть от ПС Google встраиваемый iframe с другого сайта (оплата)
30.05.2018 21:57	Как поверх плеера iframe вставить картинку?
17.08.2016 11:43	Как задать тень в clip-path

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
21:22 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 16:18 Adtrafico - Правильная партнёрская сеть под бурж трафик 12:26 Bropush - твой бро в монетизации сайта push-уведомлениями 17:06 Perfect.Studio: InstAccountsManager — лучший инструмент для автоматизации заработка в Instagram 16:04 VKAccountsManager — лучший инструмент для продвижения и заработка Вконтакте 13:26 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 11:46 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!	13:32 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 11:17 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 22:21 ProxyWins.com - 15% по промо-коду "venividivici" 17:00 Burzh.top\|Партнерская программа под любой вид трафика (email, спам, УБТ) 16:07 Ural-obmen.ru — выгодный сервис обмена 15:57 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 14:50 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно	11:02 Видимо, похороны СУПРа уже прошли как-то по-тихому 22:18 Добро пожаловать в цифровой мир... 23:41 Точные прогнозы на футбол 12:04 Как получить рефералов и посетителей на сайт бесплатно. 12:48 Каспкрски ОС 11:21 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок