Как поверх плеера iframe вставить картинку?

Как поверх плеера iframe вставить картинку?, Нужна ваша помощь.

SEO BOSS

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

25 Мая 2018 15:30

Всем привет! Задался я таки вопросом, но в интернете нужной информации не нашел. smile:confused:

Начал замечать на многих сайтах такую фишку, потом понял зачем она (если кому будет любопытно, расскажу) smile:)

Так вот, как можно это реализовать? У меня в css есть параметры для iframe кода (там задаются размеры плеера). Можно ли как-то там задать и картинку поверх плеера?

Вот например такая картинка выводится на многих сайта smile:)

Прикрепленные файлы

100.PNG (9.94 КБ) [ Скачать ]

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

Coder

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

25 Мая 2018 20:27

Оптимизация видео YouTube и Vimeo на сайте _http://coderhs.com/archive/video-optimisation-site

На coderhs реализовано, например: Чек-листы по SEO _http://coderhs.com/archive/seo-check-lists#27

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

SEO BOSS

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

25 Мая 2018 21:11

Что это за идиотизм? :confused:Мне нужны настройки только в таблице css smile:D

Реклама от сторонних сайтов мне не интересна! smile:shout:

Mamikonars

Сообщений: 512 Регистрация: Окт 2012

25 Мая 2018 22:44

Цитата
SEO BOSS пишет: Можно ли как-то там задать и картинку поверх плеера?

Так? https://jsfiddle.net/shakalaka/u2fym0he/

Надежный хостинг

Игровая партнерка

SEO BOSS

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

26 Мая 2018 06:15

Цитата
Mamikonars пишет: Так?

А можно как-то без обвертки дивом? smile:confused:

У меня и так всё обвёрнуто рекламодателями smile:)

В таблице стилей css можно задать параметры, чтобы моя картинку показывалась на всех плеерах iframe? smile:confused:

Mamikonars

Сообщений: 512 Регистрация: Окт 2012

26 Мая 2018 08:46

Цитата
SEO BOSS пишет: А можно как-то без обвертки дивом?

Можно через плагин mediaelement.js все <iframe> заменить на <video>, где есть функция встраивания картинки через атрибут poster. Если устраивает, могу показать как.

Coder

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

26 Мая 2018 10:33

SEO BOSS, меняете кое-что в коде, и ставите свою картинку, а не подгружаемую с источника.

ПС - Ваша невыдержанность утомляет - это крайний мой ответ на Ваши посты.

ПС2 - а на моем сайте ещё и партнерка по видео стоит - потому и реклама.

Изменено: Coder - 26 Мая 2018 10:35

SEO BOSS

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

26 Мая 2018 12:27

Я просил привести пример (как я могу это реализовать), не нужно меня отправлять на сторонние ресурсы.

Eye

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

26 Мая 2018 12:58

SEO BOSS, нужно ознакомиться с принципами абсолютного и относительного позиционирования элементов, а не вступать в дискуссии, что тут рабы не решили задачу, а только показывают пути решения. Кстати, гугля на раз подобное отнесёт к типу "загораживания контента". Причём чужого. На своём сайте. Не рекомендую.

Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.

4love

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

#10

26 Мая 2018 17:00

Цитата

Eye пишет:
SEO BOSS, нужно ознакомиться с принципами абсолютного и относительного позиционирования элементов, а не вступать в дискуссии, что тут рабы не решили задачу, а только показывают пути решения. Кстати, гугля на раз подобное отнесёт к типу "загораживания контента". Причём чужого. На своём сайте. Не рекомендую.

Что-то мне подсказывает, что шоу сейчас начнется smile:D

VHS
Новая адалт Партнерка

SEO BOSS

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

#11

27 Мая 2018 11:53

Цитата
Mamikonars пишет: Можно через плагин mediaelement.js все <iframe> заменить на <video>, где есть функция встраивания картинки через атрибут poster. Если устраивает, могу показать как.

Нет, код iframe трогать нельзя (слишком долго мне его настраивали) smile:)

Неужели это так действительно сложно? smile:confused:

Цитата
Eye пишет: что тут рабы не решили задачу, а только показывают пути решения.

Прекратите оскорблять пользователей форума smile:ireful:

Изменено: SEO BOSS - 27 Мая 2018 12:20

SEO BOSS

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

#12

29 Мая 2018 20:59

Проблема не решена, всё ещё надеюсь на помощь программистов smile:)

Дэвид Бэкхэм

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

#13

30 Мая 2018 05:51

SEO BOSS, скиньте в личку примеры, где это размещено, я может что придумаю. А так у меня тоже сайты с видео, поэтому также интересно для чего это

Лучший абузоустойчивый хостинг | Самый высокий доход на Push уведомлениях | Лучшая партнерка для заработка на видео плеерах

SEO BOSS

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

#14

30 Мая 2018 13:32

Цитата
Дэвид Бэкхэм пишет: SEO BOSS, скиньте в личку примеры, где это размещено, я может что придумаю. А так у меня тоже сайты с видео, поэтому также интересно для чего это

Не помню где видел, но замечал на многих сайтах. Когда опять попадется, обязательно скину. smile:)

Сейчас времени нет, много дел. smile:mail:

Дэвид Бэкхэм Сообщений: 999 Регистрация: Сен 2010	#15 30 Мая 2018 15:46 SEO BOSS, Как скажете

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

14.05.2016 16:43	Посоветуйте партнерку видео плеера с оплатой за просмотр
13.10.2014 18:05	Обновление флеш плеера
16.06.2014 21:39	Настройка uppod плеера для DLE 10.2
07.01.2014 17:27	Код плеера
11.09.2012 17:33	Майл ру сменил вид плеера

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
19:52 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 17:55 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 17:04 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 15:43 Adtrafico - Правильная партнёрская сеть под бурж трафик 12:50 Партнерская программа OWNR WALLET 01:46 Настроить поставщиков в программе E-Trade PriceList Importer 15:26 Найти элемент в коде	18:22 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 12:33 Услуга чертежника и 3D моделирования 20:40 Ural-obmen.ru — выгодный сервис обмена 20:29 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 16:54 Прием платежей для HIGH RISK \| Прием платежей без сайта 16:54 Услуги рассылки Viber\|Whatsapp\|IMO. 16:53 Услуги рассылки Вконтакте	21:27 Точные прогнозы на футбол 16:32 Видимо, похороны СУПРа уже прошли как-то по-тихому 12:48 Каспкрски ОС 11:21 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок 15:24 Добро пожаловать в цифровой мир... 22:58 У меня дикая просадка по РСЯ за последние 3 суток