Как для iframe задать класс?
Страницы: 1 2 След.
[ Закрыто ] Как для iframe задать класс?, Нужно обернуть в определенный класс все iframe
Всем привет, нужна помощь специалистов smile:)
Вопрос, у меня на сайте видео плееры iframe, есть код от рекламодателя которым нужно обернуть этот плеер, но я хочу обернуть все имеющиеся у меня плееры iframe. 

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

Пример кода



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


Пишите ваши предложения в личку, а также свою цену за реализацию задуманного smile:)
Почему завистники всегда чем-то огорчены? Потому что их снедают не только собственные неудачи, но и успехи других.
Не совсем понятно, что Вы хотите. Если хотите менять стили в фрейме - не выйдет, он подгружает свои стили, вмешаться Вы не можете. Если хотите просто оболочку дл плеера - то не вижу проблемы, оборачивайте, чем хотите. Короче, подробнее напишите (или переформулируйте), пока непонятно, что нужно Вам конкретно.
Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.
Цитата
Eye пишет:
Короче, подробнее напишите
К примеру есть плеер от ютуба, в формате iframe, перед показом основного видео будет идти видео реклама, чтобы она шла нужно обернуть этот плеер кодом, который я дал выше. Так вот, мне нужно обернуть все имеющиеся у меня плееры в формате iframe. Но делать это вручную, себе дороже, у меня десятки тысяч станиц с этим плеером.
Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то smile:)
Вот жду советы знающих, возможно ли это сделать? smile:confused:
Изменено: SEO BOSS - 26 Февраля 2018 15:55
Цитата
SEO BOSS пишет:
Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то smile:)
Что то подобное было для вордпресс:confused:- плагин чтоли:) У вас какая платформа?
Цитата
WGN пишет:
У вас какая платформа?
Вордпресс smile:)
Цитата
SEO BOSS пишет:
Цитата
WGN пишет:
У вас какая платформа?
Вордпресс smile:)
Что то подобное я искал набери в поиске планин с iframe через гугл. Не помню для чего он мне нужен был:confused:Может найдешь если это то:confused:
Цитата
SEO BOSS пишет:
Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то
Ну, в принципе, (если я правильно понял задачу) там пофиг на CMS, если можете внедрять php-код перед формированием html, то просто сделать. Тупо ловить кодом место с плеером и обернуть. Думаю, что фрилансер Вам поможет это сделать. Обратитесь на любой профильный форум, там реально работы мало и недорого.
Цитата
Eye пишет:
Обратитесь на любой профильный форум
Я уже обратился сюда, эта тема уже в поиске smile:D
Пришел за хлебом в магазин, а продавец и говорит, иди лучше за хлебом в другой магазин smile:mocking:

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


Цитата
Eye пишет:
Тупо ловить кодом место с плеером и обернуть.
Да-да, нужно так сделать, или в скрипте задать такие параметры, чтобы iframe оборачивался <div class="video"> автоматически, так можно? smile:confused:
Код
<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
Цитата
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
SEO BOSS, так!

Цитата
SEO BOSS пишет:
<iframe src="" allow="autoplay; encrypted-media" allowfullscreen="" width="640" height="360" frameborder="0"></iframe>
Вы где конретно это видите? Просто пытаюсь понять, почему не можете обернуть...
Код
<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 обернет на странице.
Попробуйте вставьте внизу шаблона. Может и не заработает вариант.
Цитата
Eye пишет:
Вы где конретно это видите? Просто пытаюсь понять, почему не можете обернуть...
Может вручную вносит каждый раз? Типа, как статья. Отсюда и сложности.
Цитата
rushot пишет:
Вообще-вообще все iframe обернет на странице.
Попробуйте вставьте внизу шаблона. Может и не заработает вариант.
Попробую, протестируем. Если все будет ок. сколько вам за ваши работы перечислить? ЛС закрыта у вас smile:)



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

Цитата
rushot пишет:
Может вручную вносит каждый раз? Типа, как статья. Отсюда и сложности.
Цитата
SEO BOSS пишет:
Вот человек, сразу понял что мне нужно smile;)
Ну вот и всё отлично.
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
19:29 Чем бы вы занялись, если ... АПдейт Яндекс выдача 9 июня 2024 
19:10 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы | Еженедельные Выплаты | CPA до $950 
17:19 Как удалить "конкурента" из поисковой выдачи Яндекс 
16:19 Партнерская программа VAVADA - Зарабатывай с нами! 
22:30 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
17:38 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:11 Adtrafico - Правильная партнёрская сеть под бурж трафик 
21:44 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 
17:27 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 
13:59 EasyBusy.bz Проводи обмены легко и быстро вместе с нами 
13:30 SHARKY - круглосуточный обмен криптовалют 
12:05 USMobileSMSBot - 
07:19 Размещение статей, ссылок и постовых на качественных ресурсах 
17:52 Ural-obmen.ru — выгодный сервис обмена 
12:46 Добро пожаловать в цифровой мир... 
21:28 Точные прогнозы на футбол 
13:55 Выгодное пополнение стим только на STEAMDONAT.RU 
10:06 Blum программа для заработка в Телеграмм 
21:28 Подтягиваем физкультурку 
09:00 Вы уже закрыли свой сайт от робота GPT? 
16:51 150+ хакерских поисковых систем и инструментов