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

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

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

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

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

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

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

Пример кода

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

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

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

Eye

Сообщений: 22218 Регистрация: Май 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

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

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

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

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

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

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

SEO BOSS

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

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

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

Вордпресс

WGN

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

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

Цитата

SEO BOSS пишет:

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

Вордпресс

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

Eye

Сообщений: 22218 Регистрация: Май 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

Сообщений: 541 Регистрация: Сен 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

Сообщений: 22218 Регистрация: Май 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

Сообщений: 541 Регистрация: Сен 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

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

#13

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

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

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

SEO BOSS

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

#14

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

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

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

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

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

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

Eye

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

#15

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

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

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

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

17.11.2024 20:47	Переходы с 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)

Новые темы	Объявления	Свободное общение
15:19 Refmate — сервис для взаимного обмена ссылками 13:06 Продвижение по ключам 09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 08:27 Ищу специалистов 08:18 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд	20:22 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 18:48 Продажа аккаунтов HH.RU 17:38 swapsfera.com 17:30 GoodsMoney.io 16:25 JustProxy.Biz - Резидентные прокси без ограничения по трафику 14:43 Рассылки СМС/SMS, Вайбер/Viber, Ватсап/Whatsapp, Телеграм/Telegram любой тематики по всему миру 14:18 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру)	17:46 Всего п онемногу 12:45 Куплю проигрышные букмекерские аккаунты 11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь 23:55 Добро пожаловать в цифровой мир...