Извините не ту ссылку дал на картинку.
Вот это изображение http://s008.radikal.ru/i303/1107/d1/7be3d1780927.jpg.
Ну были пару сайтов на примете, но в закладках не сохранил.
Вот нашел этот http://alabis.net/cartoons-rus/index.php
При клике на любой мультик открывается «видеосалон»
Ну к примеру хоть вот как на этой странице хочу подобное себе сделать
http://alabis.net/cartoons-rus/0005-Parovozik-iz-Romashkovo.php
Не плохо придумали, правда?
Берётся фоновое изображение и поверх него выводится <iframe> с роликом:
<div style="background:url('body.gif') top center no-repeat; text-align:center; width:800px; height:491px; padding-top:26px; margin:0 auto;">
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="425" height="349" src="http://www.youtube.com/embed/z1hE-4tQkCo?rel=0" frameborder="0"></iframe>
</div>
Сергей спасибо, в Firebugom я этот код тоже нашёл…
Вторая часть кода — сам ролик с ютубла он вставляю на сайт — показывает.
Но весь вопрос как ту картинку что я нашёл сделать фоновым изображением?
Тогда просто туда было бы код в фоновое изображение вставить от ютубла и вроде все.
Или даже если фоном сдалею картинку на странице, код от ютубла будет не просто вставить?
как ту картинку что я нашёл сделать фоновым изображением?
Как в примере выше — с помощью свойства background:
http://htmlbook.ru/css/background
Укажите путь к своей картинке в background:url() и путь к нужному ролику в <iframe src=""></iframe> (по аналогии с примером) — этого достаточно.
Вчера с одним вебмастером у которого есть несколько сайтов, сидели до 2 ночи, он спасибо ему большое по аське подсказывал что делать.
Главное все то же о чем и вы писали. Даже появилось понятие что делаю.
Но главное с ходу так и не удалось сделать рисунок фоновым.
Проще было бы плюнуть, но больно красиво смотрелось бы видео в рисунке.
Если не прогоните еще хотел спросить. Что делали не так?
Давайте я всё описывать не буду, спрошу исходя из противного…
Есть код из двух частей ( тот что вы привели выше)
1 часть — это фоновое изо с того сайта.
2 часть — код утубла.
Если ставлю 2 часть в режиме хтмл в админке в редакторе вордпресса видео отображается. Это понятно.
Дальшеэ
Если бы рисунок фонового изображения ( что на том сайте ) был бы у меня в папке Inages моего шаблона — то и первый бы код отображался тоже?
Правильно мыслю?
И соответственно в редакторе если бы вставил бы код в режиме хтмл — то и отображалось фоновое изображение…
Но у меня того рисунка нет…
Дальше «пошёл на хитрость» ( или глупость 🙂 ) и своё готовое изображение переделываю в фотошопе в GIF стандарт и название его меняю на bodi
Всё моё изображение под таким же названием и форматом как на том сайте…
Закидываю его в свою папку темы Images , далее вставляю уже тот код что вы привели выше в админке в режиме хтмл — никакого рисунка фонового нет.
Не отображается…
Но почему — ведь уже всё вроде так как на том сайте?
Что делаю не правильно?
Выходит как будто не видит картинки, не правильно прописан путь…
Притом веб мастер что помагал — советовал точно то что и вы — но не получилось с ходу.
Я уже и пробовал прописывать как на этой странице http://htmlbook.ru/css/background-image
Добавлять пробовал еще к background-image — бестолку…
Так подробно описал — может где найдёте ошибку что делал не так…
Вроде все просто должно быть — но не получается….
Показывается только ролик — фоновой картинки вообще нет.
Вот посмотрите как бы классно смотрелось если бы удалось сделать рисунок фоновым, а в него вставить плеер http://uotika.ru/raznye-poleznosti/onlajn-servisy/uznat-kakim-budet-vash-rebyonok ( в конце поста)
Рисунок конечно потом в фотошопе сделаю нормальным. И закинул на страницу обычным способом — чтобы только посмотрели. Потом удалю.
Все получилось все . Потом картинку только поменяю
Спсибо сергей большое за помощь…
