使用 youtube-background.js 把 Youtube 影片設定成網頁上的背景播放影片

分享:

youtube-background.js 是一個可以把 Youtube 影片設定成網頁上的背景播放影片的 jQuery 套件,使用方法可以透過 npm 安裝

npm install youtube-background

後 import

import 'youtube-background';

或是透過 cdn

<script type="text/javascript" src="https://unpkg.com/youtube-background/jquery.youtube-background.min.js"></script>

接著設置 html,

<div data-vbg="https://www.youtube.com/watch?v=eEpEeyqGlxA"></div>

把 YouTube 網址放進去 data-vbg 內,在讀入 js 即可。

jQuery(document).ready(function() {
            jQuery('[data-vbg]').youtube_background();
});

 

課程推薦

和我們交流

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