фон обложки видео не работает должным образом - PullRequest
Новая
       12

фон обложки видео не работает должным образом

0 голосов
/ 26 апреля 2018

Я пытаюсь прикрепить видео в качестве фона к разделу статьи.Проблема в том, что на маленьких экранах он отображается только в 1/3 статьи.Чтобы реализовать это, я использовал класс article, фоновый div в качестве оболочки и идентификатор элемента video.Есть идеи? 

<article class=”myArticle”>

 <div class="fullscreen-bag">

       <video id="videoBack">
          <source src=" " type="video/mp4">
          <source src=" " type="video/ogg">
          <source src=" " type="video/webm">
       </video>

 </div> 

 <div class="container">
      //
      //
 </div> 


</article>

//Css

.myArticle {
    position: relative;
    overflow: hidden;
}

.fullscreen-bag {
    overflow: hidden;
    position: absolute;
    height: auto;
    width: auto;
    z-index: -100;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}
#VideoBack {
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

1 Ответ

0 голосов
/ 26 апреля 2018

я нашел решение.Я удалил правила #VideoBack и применил .fullscreen-bag внутри тега video.

...