Страница 1 из 11
Модератор форума: dotbot 
Сообщество uCoz » Архивариус » Корзина » Можно ли вместо картинки подставить видео?
Можно ли вместо картинки подставить видео?
Garaldin
Сообщений: 9
Репутация: 0

Сообщение # 1 | 19:38:56
swcommander.ucoz.ru/
как в шапку сайта этого ноутбука добавить это видео, так же чтобы и рамки видео не выходили за приделы экрана?
http://www.youtube.com/watch?v=COMWwdN9Ulg
wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 2 | 19:47:02
настраивайте размер сами с помощью width="640" height="360"
Код
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/COMWwdN9Ulg?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Garaldin
Сообщений: 9
Репутация: 0

Сообщение # 3 | 20:06:46
Цитата wоrkman ()
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/COMWwdN9Ulg?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
установил, проигрывать не хочет, у вас проигрывает? может это у меня просто глючит
Garaldin
Сообщений: 9
Репутация: 0

Сообщение # 4 | 20:35:12
У меня есть кнопка Join Us но она не работает, как ее настроить чтобы она вела пользователя на https://itunes.apple.com/ru/app/zvezdnye-vojny-vtorzenie/id847985808?mt=8
И как настроить кнопки для социальных сетей которые тоже находятся в шапке сайта
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 5 | 21:34:03
Garaldin, ты про то видео, которое в верху сайта в ноуте?

Dogica
Сообщений: 1230
Репутация: 352
Уровень замечаний:

Сообщение # 6 | 21:41:44
Цитата Garaldin ()
src="//www.youtube-nocookie.com/em
это ошибка
надо вот так: src="http://www.youtube-nocookie.com/em


WWW.DOGICA.COM / WWW.DOGICA.ORG
Garaldin
Сообщений: 9
Репутация: 0

Сообщение # 7 | 09:28:50
Цитата Dogica ()
это ошибка надо вот так: src="http://www.youtube-nocookie.com/em не помогло)
wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 8 | 09:45:01
Garaldin, А почему не хочет, так это понятно... Просто одна маска стилей перекрыла другую...
Чтобы было лучше понятно, то это видео накрыла сверху картинка в которой типа оно лежит

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Garaldin
Сообщений: 9
Репутация: 0

Сообщение # 9 | 09:59:24
Цитата wоrkman ()
А почему не хочет, так это понятно... Просто одна маска стилей перекрыла другую... Чтобы было лучше понятно, то это видео накрыла сверху картинка в которой типа оно лежит
и как это исправить? нужно удалить картинку вообще?
wоrkman
Сообщений: 710
Репутация: 84

Сообщение # 10 | 12:30:15
Цитата Garaldin ()
и как это исправить? нужно удалить картинку вообще?

не обязательно удалять. Просто видео положить сверху картинки
Это добавить в CSS в любое место
Код
#vid {padding: 22px;}

А это поставить по месту
Код
<div id="mac-box">
<div class="promo-mask">
<div id="vid"><iframe width="416" height="270" src="//www.youtube-nocookie.com/embed/watch?v=COMWwdN9Ulgrel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen=""></iframe> </div>
</div>
</div>
А вот как должно быть получиться тук-тук
Цитата Dogica ()
это ошибка
надо вот так: src="http://www.youtube-nocookie.com/em
Не может быть это ошибкой так как ссылка взята с ютюб... Если поставить так как вы предлагаете то видео работать не будет

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-
Сообщение отредактировал wоrkman - Вторник, 28 Окт 2014, 12:30:38
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 11 | 13:16:21
Garaldin, wоrkman, Не обязательно.
Просто сверстать не большой контейнер с правильно нарезанными частами картинки Ноутбука. Чтоб они обварачивали видео с ютуба. тогда будет все работать.
Когда-то такое делал для своего видео сайта.

Там нужно делать 5 блоков div.
верх
низ
левый бок
правый бок
видео

Потом это все разместить правильно вокруг видео (сделать рамку) и добавить картинки чтоб сделать вид ноутбука. На пол часа работы smile

Сообщество uCoz » Архивариус » Корзина » Можно ли вместо картинки подставить видео?
Страница 1 из 11
Поиск: