HTML 전체 너비 비디오 헤더

Question

어떻게 전체 너비 비디오 헤더를 만들 수 있습니까 : http://mazwai.com/#/? 동영상이 상단에서만 보이지만 건너 뛸 수는 있습니까? 나는 비디오와 같은 튜토리얼을 많이 보았습니다 : http://thenewcode.com/samples/polina.html하지만 비디오를 지나갈 때 스크롤 할 수는 없습니다. 비디오는 항상 배경입니다. 첫 번째 예를 어떻게 만들 수 있습니까? 어디서나 튜토리얼이 있습니까? 나는 좋은 시간을 찾는 데 어려움을 겪고있다.

Answer 1

전체 너비 배경 비디오의 경우 data-bg-video = "video path"클래스를 html5로 사용할 수 있습니다. 아래의 데모 예제는 데이터 배경 비디오 경로를 삽입하는 것입니다.

<section class="mbr-section mbr-section-hero mbr-section-full " id="header4-0" 
data-bg-video="https://www.youtube.com/watch?v=La5GyrphjK0"> 

     <div class="mbr-overlay" style="opacity: 0.5; background-color: rgb(0, 0, 0);"></div> 

     <div class="mbr-table-cell"> 

      <div class="container"> 
       <div class="row"> 
        <div class="mbr-section col-md-10 col-md-offset-2 text-xs-right"> 

         <h1 class="mbr-section-title display-1">VIDEO BACKGROUND</h1> 
         <p class="mbr-section-lead lead">Intro with background video and color overlay. Text and buttons are aligned to right. Mobirise helps you cut down development time by providing you with a flexible website editor with a drag and drop interface.</p> 
         <div class="mbr-section-btn"><a class="btn btn-lg btn-success" href="#">Demo Button</a> <a class="btn btn-lg btn-warning" href="#">Demo Button</a></div> 
        </div> 
       </div> 
      </div> 
     </div> 

     <div class="mbr-arrow mbr-arrow-floating" aria-hidden="true"><a href="#next"><i class="mbr-arrow-icon"></i></a></div> 

    </section>