HTML5 비디오 배경 플러그인 공유

오늘은 vidibacking이라는 아주 좋은 플러그인을 여러분께 알려드리고자 합니다. 아직 이 플러그인을 모르는 학생들이 많을 텐데요, 이 플러그인에 대해 간략히 소개하겠습니다.

vidibacking 플러그인은 반응형 크로스 플랫폼 HTML 5 비디오 배경 플러그인입니다. 이 플러그인을 사용하면 페이지의 특정 div 다음에 html5 비디오를 전체 페이지의 배경으로 사용할 수 있습니다.

사용 방법:

사용하기 쉽습니다.

요소 내에 비디오 태그를 배치하기만 하면 됩니다.

    <div id="video-back"> 
      <video poster="screenshot1.jpg" autoplay muted loop class="vidbacking"> 
        <source src="video1.mp4" type="video/mp4"> 
        <source src="video1.webm" type="video/webm"> 
      </video> 
        <!-- html content of the div --> 
        <h1 id="Vidbacking-nbsp-Demo-nbsp-of-nbsp-div-nbsp-Background">Vidbacking Demo of <div> Background</h1> 
    </div>

다운로드 주소 http://www.52player.cn/VideoPlayer/2018/0123488.html
데모 주소 http://www.52player.cn/Demos/html5videobackgroud/

관련 추천: html5 튜토리얼

위 내용은 HTML5 비디오 배경 플러그인 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!