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

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

Пример кода



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


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

Бесплатная контекстная реклама

Не совсем понятно, что Вы хотите. Если хотите менять стили в фрейме - не выйдет, он подгружает свои стили, вмешаться Вы не можете. Если хотите просто оболочку дл плеера - то не вижу проблемы, оборачивайте, чем хотите. Короче, подробнее напишите (или переформулируйте), пока непонятно, что нужно Вам конкретно.
Freed from desire
Цитата
Eye пишет:
Короче, подробнее напишите
К примеру есть плеер от ютуба, в формате iframe, перед показом основного видео будет идти видео реклама, чтобы она шла нужно обернуть этот плеер кодом, который я дал выше. Так вот, мне нужно обернуть все имеющиеся у меня плееры в формате iframe. Но делать это вручную, себе дороже, у меня десятки тысяч станиц с этим плеером.
Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то smile:)
Вот жду советы знающих, возможно ли это сделать? smile:confused:
Изменено: SEO BOSS - 26 Февраля 2018 15:55
Цитата
SEO BOSS пишет:
Хочу присвоит класс <div class="video"> для всех плееров у меня на сайте разом, толи через скрипт, толи еще как-то smile:)
Что то подобное было для вордпрессsmile:confused:- плагин чтолиsmile:) У вас какая платформа?
Цитата
WGN пишет:
У вас какая платформа?
Вордпресс smile:)
Цитата
SEO BOSS пишет:
Цитата
WGN пишет:
У вас какая платформа?
Вордпресс smile:)
Что то подобное я искал набери в поиске планин с iframe через гугл. Не помню для чего он мне нужен былsmile:confused:Может найдешь если это тоsmile: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)
Новые темыОбъявленияСвободное общение
09:44 Выбор в названии домена - info или org. СЕО с info 
08:45 WebVisitor - улучшение и накрутка поведенческих факторов ранжирования вашего сайта. 
01:55 SEO, WP медиафайлы- картинки, вредят? 
23:36 Апдейт 2 апреля 2020 Яндекс выдача 
21:42 Обновление поисковой базы 2020-04-06 
21:37 Превышении допустимой нагрузки на сервер 
17:09 англоязычный рерайтинг/ рерайтинг англоязычных статей 
02:33 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone) 
00:07 SKY BANKER - P2P telegram площядка 
23:06 Внешнее продвижение сайтов качественно! Быстрое выполнение, на форуме с 2009 года! 
21:26 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии! 
20:22 Кризис идет, а цены - снижаются!!! Тексты для любых целей (рус., англ., укр.), отсутствие коронавируса и привязки к доллару! 
19:49 Парсинг 2гис. Сбор контактов с 2gis 
19:39 Продажа быстрых SSH туннелей. Любые страны с гарантией! 
05:11 Жестко стал тормозить интернет последнюю неделю 
21:38 Чего ожидать от рубля с долларом? и скажется ли это на онлайн заработке? 
19:47 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
18:00 БЕСПЛАТНАЯ помощь по созданию киносайта на DLE 
14:44 Ваш сайт блокируют гос органы? Есть решение! 
12:11 Конкурс статей XRumer 2020 
14:42 Что с трафиком?