jquery.mb.vimeoPlayer- 把 vimeo 影片當成網頁背景的 jQeury 套件

分享:

jquery.mb.vimeoPlayer 是一個可以輕鬆把 vimeo 影片當成網頁背景的 jQeury 套件,使用方法如下:

首先讀入相關的 css 及 js

<link href="css/vimeo_player.css" media="all" rel="stylesheet" type="text/css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script src="inc/jquery.mb.vimeo_player.js"></script>

接著設置 html

<div id="bgndVideo" class="player" data-property="{videoURL:'https://vimeo.com/199167955',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1}">My video</div>

接著套用

jQuery(function(){
      jQuery("#[playerID]").vimeo_player();
    });

 

更多的設定方法可以參考官方文件說明。

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。