Как для 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:)
Что то подобное было для вордпресс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)
Новые темыОбъявленияСвободное общение
00:12 Как продвигается сайт без статей 
22:34 CPA-сеть MyLead - глобальная монетизация трафика! 
16:56 Продвижение в ТОП Яндекс. Мега быстро! 
15:55 Зеннопостер мне помог! 
15:31 Стоит ли покупать Zenoposter 
15:30 Quick Sender - одна из лучших программ для работы с "ВКонтакте" 
14:05 Все внешние ссылки с сайта 
14:13 Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка HTML5/CSS3/JS. 
09:29 AllChange24 - Лучший сервис по обмену электронных валют 
00:56 Размещу 1501 ссылку на Ваш сайт. + Бонус 
23:55 TopsocMan- Накрутка в соц сети. Магазин аккаунтов. SEO и SMM услуги. 
22:43 Telegram Soft многопоточный комбайн для Telegram 
22:11 EasyTop - [FREE] программа для сервисов накрутки 
20:08 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
11:48 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий 
15:36 Заработок на Инстаграме. Плюс продвижение своей страницы кому нужно. годный софт для мф и рассылок 
08:39 Недозаказчик кинул на 225 рублей 
08:30 Кому пришла выплата с AdSense? 
20:51 Скрины спама 
11:15 Помогите пожалуйста советом по оптимизации 
19:40 Чтобы пользователи сами добавлял рецепт на сайт