Jump to content
  • 0
Sign in to follow this  
STAG

Responsive video background HTML5 (без виджета) в MUSE

Question

STAG    10

Доброго дня!
Вставил резиновое видео в качестве фона для сайта

Использовал CSS для HEAD:
.header-unit {
  height: 1000px;
  border: 2px solid #000;
  border-right:none;
  border-left: none;
  position: relative;
  padding: 0px;
}
#video-container {
    position: absolute;
}
#video-container {
    top:0%;
    left:0%;
    height:100%;
    width:100%;
    overflow: hidden;
}
video {
    position:absolute;
    z-index:0;
}
video.fillWidth {
    width: 100%;
}

и HTML:

<div class="header-unit">
<div id="video-container">
<video autoplay once class="fillWidth">
<source src="http://aleksandrgolubkov.ru/assets/4300.mp4" type="video/mp4"/>
<source src="http://Dimofinf.net/your-video-file.ogg" type="video/ogg"/>
<source src="http://aleksandrgolubkov.ru/assets/4300.webm" type="video/webm"/>
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
</div><!-- end video-container -->
</div><!-- end .header-unit -->

___________________________________________________________________________

Так же на странице используется виджет анимации объектов от QooQee

Вопрос №1: При загрузке страницы сверху видно код. Как убрать? (см. скрин 1)

Вопрос №2: В вижджете от QooQee стал отображаться CSS, который я вставил в HEAD - это нормально? (см. скрин 2) 

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0
STAG    10

upd: Спасибо Павлу за подсказку с тэгом <style></style>

Вроде все работает.
 

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
Sign in to follow this  

×
×
  • Create New...