在這篇文章中已經(jīng)收集了10個(gè)最佳的jQuery視頻插件，幫助開(kāi)發(fā)人員容易地實(shí)現(xiàn)網(wǎng)站播放影片功能?？梢燥@示視頻和視頻播放列表。

　　1. Bigvideo.js

　　BigVideo.js 是一個(gè)jQuery插件能夠，讓你很方便將視頻作為網(wǎng)站的背景。

　　它可以默默地播放一個(gè)視頻，或用一個(gè)列表讓用戶選擇他們喜歡的進(jìn)行播放。

　　這個(gè)插件基于Video.js構(gòu)建。此外如果有些設(shè)備不支持自動(dòng)播放支持顯示成圖片。

　　2. jPlayer

　　jPlayer是一個(gè)可定制和更換皮膚的開(kāi)源JQuery的播放器，允許在網(wǎng)頁(yè)中播放音頻和視頻。jPlayer是跨瀏覽器兼容的播放器，可以播放多種文件格式，如MP3，MP4，WMV，F(xiàn)LV和OGG。

　　jPlayer非常小只有8kb左右，并且提供一些流行CMS平臺(tái)的相關(guān)插件如WordPress, Joomla。

　　經(jīng)測(cè)試支持 Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9。

　　3. Tubular

　　tubular是一個(gè)強(qiáng)大的jQuery插件,可以讓你設(shè)定一個(gè)YouTube視頻作為你的網(wǎng)頁(yè)背景。

　　4. FitVids.js

　　FitVids.js是一個(gè)輕量級(jí)，易于使用的 jQuery 插件，用于在頁(yè)中插入響應(yīng)式視頻。

　　5. BigScreen

　　BigScreen是一個(gè)使用 JavaScript Full Screen API 的簡(jiǎn)單JS庫(kù)。BigScreen能夠很方便實(shí)現(xiàn)網(wǎng)站全屏功能。它支持Chrome 15+, Firefox 10+, Safari 5.1+。

　　6. Cuepointjs

　　Cuepoint.js是一個(gè)開(kāi)源的jQuery插件用于在HTML5視頻中創(chuàng)建提示點(diǎn)和處理字幕。

　　7. jQuery Webcam Plugin

　　jQuery Webcam這個(gè)插件為直接在JavaScript中與攝像頭通信提供了一個(gè)透明的訪問(wèn)層。它通一個(gè)SW文件與攝像頭交互，可以顯示W(wǎng)ebcam輸出和捕捉圖象。如果有多個(gè)攝像頭，它可以顯示可用的攝像頭列表，然后供用戶選擇其中任意一個(gè)。

這個(gè)插件提供了三種不同的模式：

我們可以使用JavaScript來(lái)調(diào)用一個(gè)輕量級(jí)API直接訪問(wèn)攝像頭 – 或更確切地說(shuō)使用jQuery。

這樣，就可以把圖像傳輸?shù)疆?huà)布上（回調(diào)模式），也可以將圖像存儲(chǔ)在服務(wù)器（存儲(chǔ)模式），

還能夠以流媒體的形式實(shí)時(shí)傳輸Flash畫(huà)布上的圖像（流媒體模式）。

　　8. Video Lightbox

　　Video LightBox JS是一個(gè)免費(fèi)的向?qū)С绦?，她只需要你點(diǎn)擊幾下，就能幫助您輕松地將視頻添加到您的網(wǎng)站或博客并且不需要編寫(xiě)任何代碼。

　　9. jQuery Video Gallery

　　一個(gè)簡(jiǎn)單和輕量級(jí)的視頻畫(huà)廊，用于展示.swf視頻在一個(gè)窗口中。當(dāng)選中一個(gè)縮略圖時(shí)。

　　10. Popcorn.js

　　Popcorn.js 是 HTML5 中的 <video> 事件系統(tǒng)，封裝了 <video> 元素并返回 Popcorn 對(duì)象。

　　這是由 Mozilla 贊助的項(xiàng)目。

　　Popcorn.js利用原生HTMLMediaElement屬性，方法和事件，它們歸成一個(gè)簡(jiǎn)單易學(xué)的API，并提供一個(gè)插件來(lái)擴(kuò)展功能。

以上10款插件都很不錯(cuò)，大家根據(jù)自己的項(xiàng)目要求自由選擇吧

最新評(píng)論