Как в блоке Promo в макбуке внутри заменить изображение на видео?

Голоса: +1

Помогите разобраться ссылка на видео вотhttp://www.youtube.com/watch?v=ajkbIuLa9PE и чтобы за рамки не выходило

Адрес сайта swcommander.ucoz.ru
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

В блоке промо находим подобный код:

<div id="mac-box">
 <div class="promo-mask"></div>
 <img src="/.s/t/1062/sample.png" class="promo-img" alt="">
 </div>

Вот данное изображение:
<img src="/.s/t/1062/sample.png" class="promo-img" alt="">

Заменяем на:
<iframe width="416" height="287" src="https://www.youtube.com/embed/ajkbIuLa9PE" frameborder="0" allowfullscreen=""></iframe>

В итоге должно выглядеть вот так:
<div id="mac-box">
 <div class="promo-mask"></div>
<iframe width="416" height="287" src="https://www.youtube.com/embed/ajkbIuLa9PE" frameborder="0" allowfullscreen=""></iframe> 
</div>
| Автор:
Выбор ответа лучшим | | Автор: Кравцов Константин
Дополнительно, так как кнопки в плеере не кликабельны из-за того, что для дива внутри которого видео, задано абсолютное позиционирование, в таблицу стилей css(после строки 337) нужно прописать:
#mac-box iframe {height: 270px!important;top: 23px;position: relative; z-index: 100;}
И все должно отлично работать. После обязательно создайте резервную копию.
спасибо, теперь узнать бы как спрятать видео и чтобы было изначально изображение а не просто черный фон)
...