Убрать/ Изменить данные в iFrame при встраивании на страницу WordPress

@tarantino · Регистрация: 06.12.2014

Студворк — интернет-сервис помощи студентам

Приветствую вас человеки, и обращаюсь к вам с вопросом по теме:
у меня есть сторонний iframe взятый для встраивания видео на мой сайт на Wordpress,
мне нужно из него изъять все логотипы, что и где мне нужно прописать?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="iv-embed" style="margin:0 auto;padding:0;border:0;width:642px;">
<div class="iv-v" style="display:block;margin:0;padding:1px;border:0;background:#000;">
 
<iframe class="iv-i" style="display:block;margin:0;padding:0;border:0;" src="//open.ivideon.com/embed/v2/?server=100-b824590cd488a9ed4824970c4f0ea389&amp;camera=0&amp;width=&amp;height=&amp;lang=ru" width="640" height="360" frameborder="0" allowfullscreen>
</iframe>
</div>
 
<div class="iv-b" style="display:block;margin:0;padding:0;border:0;">
<div style="float:right;text-align:right;padding:0 0 10px;line-height:10px;">
<a class="iv-a" style="font:10px Verdana,sans-serif;color:inherit;opacity:.6;" href="http://www.ivideon.com/" target="_blank">powered by Ivideon</a>
</div>
 
<div style="clear:both;height:0;overflow:hidden;">&nbsp;</div>
<script src="//open.ivideon.com/embed/v2/embedded.js"></script>
</div>
 
</div>

Убрать нужно следующие блоки с логотипами и ненужными кнопками (взял из кода браузера):
1. // логотип

HTML5
1
<div class="ivideon-embedded-logo-wrapper"></div>

2. // логотип над кнопкой

HTML5
1
<a class="b-embed-logo" title="Ivideon — Видеонаблюдение через Интернет" target="_blank" href="http://ru.ivideon.com">

3. //некоторые функциональные кнопки

HTML5
1
2
3
4
5
div class="ivideon-camera-video-controls stack-bottomright" style="bottom: 10px; right: 10px;">
<a class="iv-btn ivideon-camera-video-abuse-button ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ivideon-camera-video-control" title="Пожаловаться на камеру" role="button" aria-disabled="false">
 
<a class="iv-btn ivideon-camera-video-embed-button ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ivideon-camera-video-control" title="Поделиться этим видео" role="button" aria-disabled="false">
</div>

Искренне буду вам признателен за адекватный и рабочий пример кода!

@hardwaremaster · 06.12.2014, 23:03

Сообщение от tarantino

брать нужно следующие блоки с логотипами и ненужными кнопками (взял из кода браузера):
1. // логотип
Код HTML5
1
<div class="ivideon-embedded-logo-wrapper"></div>

Попробовать добавить в css что-то типа этого:

CSS
1
2
3
.ivideon-embedded-logo-wrapper {
display: none !important;
}

ну и если будет работать то остальное по подобию.

@tarantino · 06.12.2014, 23:26 **[ТС]**

Это первое, что я логично сделал, но логотипы и другие блоки не уибираются!
Код CSS писал в файле стилей темы и непосредственно на самой странице встраивания перед и до кода с iframe

Добавлено через 58 секунд

Сообщение от hardwaremaster

Попробовать добавить в css что-то типа этого:

CSS
1
2
3
.ivideon-embedded-logo-wrapper {
display: none !important;
}

ну и если будет работать то остальное по подобию.

Это первое, что я логично сделал, но логотипы и другие блоки не уибираются!
Код CSS писал в файле стилей темы и непосредственно на самой странице встраивания перед и до кода с iframe

@hardwaremaster · 06.12.2014, 23:27

ссылка есть на сайт?

@tarantino · 06.12.2014, 23:40 **[ТС]**

Сообщение от hardwaremaster

ссылка есть на сайт?

сайт пока что на локальном сервере на своем компьютере, но сейчас попробую найти аналогичные трансляции на открытых сайтах

Добавлено через 1 минуту

Сообщение от hardwaremaster

ссылка есть на сайт?

ну, например вот здесь в качестве примера сторонний (не мой) сайт http://arenamorozovo.ru/media/... llers.html

@hardwaremaster · 06.12.2014, 23:51

Ну не знаю, я дописал и логотип исчез

Убрать/ Изменить данные в iFrame при встраивании на страницу WordPress

@tarantino · 06.12.2014, 23:58 **[ТС]**

Сообщение от hardwaremaster

Ну не знаю, я дописал и логотип исчез

Вложение 463224

ты имеешь в виду, что ты дописал в инструменте разработчика в самом браузере?

@hardwaremaster · 07.12.2014, 00:01

ну да

@tarantino · 07.12.2014, 00:09 **[ТС]**

Сообщение от hardwaremaster

ну да

) опять-же логично, что в браузере iframe разворачивает своё содержание и после этого можно убрать все что угодно, но только В БРАУЗЕРЕ... при перезагрузке страницы соответственно все возвращается...

@Taatshi · 07.12.2014, 07:02

tarantino, Вам нужен доступ к Iframe через JQuery к примеру - то есть обработка будет происходить уже после загрузки фрейма.

И посмотрите сразу - постоянный ли id у данного фрейма. Если нет - могут возникнуть проблемы.

@tarantino · 07.12.2014, 17:57 **[ТС]**

Сообщение от Taatshi

tarantino, Вам нужен доступ к Iframe через JQuery к примеру - то есть обработка будет происходить уже после загрузки фрейма.

И посмотрите сразу - постоянный ли id у данного фрейма. Если нет - могут возникнуть проблемы.

Где именно из приведённого мной выше кода id iframe посмотреть?

@Taatshi · 07.12.2014, 18:24

лучше ссылку на страницу дайте

@tarantino · 07.12.2014, 18:43 **[ТС]**

Сообщение от Taatshi

tarantino, Вам нужен доступ к Iframe через JQuery к примеру - то есть обработка будет происходить уже после загрузки фрейма.

И посмотрите сразу - постоянный ли id у данного фрейма. Если нет - могут возникнуть проблемы.

Здесь сразу хочу спросить - где посмотреть готовые решения применительно к WordPress? А именно - в каком файле и в какой последовательности прописывать код - в теме или в самом WordPress? Где-то читал что javascript нужно писать в файле самого WP - header.php между тегами <head><script></script></head> А стили прописывать в .css дочерней темы!

@Taatshi · 07.12.2014, 18:55

все вроде верно

@tarantino · 07.12.2014, 18:55 **[ТС]**

Сообщение от Taatshi

лучше ссылку на страницу дайте

По поводу ссылки можно наверное этот пример использовать (о котором писал выше) http://arenamorozovo.ru/media/... llers.html, потому что свой сайт я размещаю пока на локальном сервере (denver) на своем компьютере

@Taatshi · 07.12.2014, 18:59

нельзя его использовать. ID iframe не просто разный в каждом конкретном случае - он меняется часто при перезагрузке страницы.

дайте хотя бы полностью код для вставки iframe

@tarantino · 07.12.2014, 19:02 **[ТС]**

Сообщение от Taatshi

нельзя его использовать. ID iframe не просто разный в каждом конкретном случае - он меняется часто при перезагрузке страницы.

дайте хотя бы полностью код для вставки iframe

Полный код я написал вначале темы, но продублирую:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="iv-embed" style="margin:0 auto;padding:0;border:0;width:642px;">
<div class="iv-v" style="display:block;margin:0;padding:1px;border:0;background:#000;">
 
<iframe class="iv-i" style="display:block;margin:0;padding:0;border:0;" src="//open.ivideon.com/embed/v2/?server=100-b824590cd488a9ed4824970c4f0ea389&amp;camera=0&amp;width=&amp;height=&amp;lang=ru" width="640" height="360" frameborder="0" allowfullscreen>
</iframe>
</div>
 
<div class="iv-b" style="display:block;margin:0;padding:0;border:0;">
<div style="float:right;text-align:right;padding:0 0 10px;line-height:10px;">
<a class="iv-a" style="font:10px Verdana,sans-serif;color:inherit;opacity:.6;" href="http://www.ivideon.com/" target="_blank">powered by Ivideon</a>
</div>
 
<div style="clear:both;height:0;overflow:hidden;">&nbsp;</div>
<script src="//open.ivideon.com/embed/v2/embedded.js"></script>
</div>
 
</div>

Добавлено через 1 минуту
Вполне вероятно, что в этой теме есть моё решение, но я не могу его правильно применить/ прописать относительно моего случая... Изменение данных в iframe

@Taatshi · 07.12.2014, 19:15

ясно - так и отображается. Тогда Вам по классу к нему обращаться надо - а как - Вам лучше в разделе JQuery расскажут.

Или вот можно глянуть пример - правда, тут обращение по ID

JavaScript
1
2
3
4
5
6
$(function(){
   var iFrameDOM = $("iframe#someID").contents();
   //Теперь мы можем использовать find() для доступа к элементам iframe:
   //например
   iFrameDOM.find(".message").slideUp();
});

@tarantino · 07.12.2014, 19:28 **[ТС]**

Сообщение от Taatshi

ясно - так и отображается. Тогда Вам по классу к нему обращаться надо - а как - Вам лучше в разделе JQuery расскажут.

Или вот можно глянуть пример - правда, тут обращение по ID

JavaScript
1
2
3
4
5
6
$(function(){
   var iFrameDOM = $("iframe#someID").contents();
   //Теперь мы можем использовать find() для доступа к элементам iframe:
   //например
   iFrameDOM.find(".message").slideUp();
});

А можешь на примере приведенного тобой яваскрипта показать как убрать из развернутого iframe класс .ivideon-embedded-logo-wrapper ?

@Taatshi · 07.12.2014, 19:41

Не сильна я в яваскрипт, но можно попробовать так

JavaScript
1
2
3
4
$(function(){
   var iFrameDOM = $("iframe#someID").contents();
   iFrameDOM.find(":тутимяэлемента").removeAttr("disabled");
});

Не забываем подключить jQuery

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@hardwaremaster 307 / 307 / 142 Регистрация: 12.02.2014 Сообщений: 1,165 Записей в блоге: 1
	06.12.2014, 23:27
	ссылка есть на сайт? 0

@hardwaremaster 307 / 307 / 142 Регистрация: 12.02.2014 Сообщений: 1,165 Записей в блоге: 1
	06.12.2014, 23:51
	Ну не знаю, я дописал и логотип исчез 0

@hardwaremaster 307 / 307 / 142 Регистрация: 12.02.2014 Сообщений: 1,165 Записей в блоге: 1
	07.12.2014, 00:01
	ну да 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	07.12.2014, 07:02
	tarantino, Вам нужен доступ к Iframe через JQuery к примеру - то есть обработка будет происходить уже после загрузки фрейма. И посмотрите сразу - постоянный ли id у данного фрейма. Если нет - могут возникнуть проблемы. 1

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	07.12.2014, 18:24
	лучше ссылку на страницу дайте 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	07.12.2014, 18:55
	все вроде верно 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	07.12.2014, 18:59
	нельзя его использовать. ID iframe не просто разный в каждом конкретном случае - он меняется часто при перезагрузке страницы. дайте хотя бы полностью код для вставки iframe 0