VPF::наложение iframe на div - Форум программистов

Johny_03

Дата 19.2.2013, 11:47 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет

Имеется вставка видеоролика с ютуба, код вставки имеет вид:

Код


<iframe width="702" height="395" src="http://www.youtube.com/embed/00000000" frameborder="0" allowfullscreen></iframe>

При невысокой скорости интернета у некоторых эта вставка подгружается не сразу. Чтобы избежать пустого места на месте видео, я решил поставить на то же самое место картинку (с которой начинается видео), чтобы картинка загрузилась сразу, а затем видео наложится на неё и пустоты не будет в процессе долгой загрузки.
Как реализовать это?

Код


<div><img src="pic/video_pic.jpg" />
  </div>
  <iframe width="702" height="395" src="http://www.youtube.com/embed/00000000" frameborder="0" allowfullscreen></iframe>

спасибо за ответ.

SiteVizitka

Дата 9.3.2013, 19:05 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 53
Регистрация: 24.6.2012

Репутация: нет
Всего: нет

Просто поставьте background в стиле для iframe

Код


iframe {... background: url(...) ....  }

или

Код


<iframe width="702" height="395" src="http://www.youtube.com/embed/00000000" frameborder="0" allowfullscreen

style="background: url(...);"

></iframe>

за одно, перенесите в стиль width и height. Лучше, использовать отдельный файл с CSS, так будет проще контролировать дизайн сайта.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »