10個最好的 jQuery 視訊外掛

open-open發表於2014-01-16

  在這篇文章中已經收集了10個最佳的jQuery視訊外掛,幫助開發人員容易地實現網站播放影片功能。可以顯示視訊和視訊播放列表。

  1. Bigvideo.js

  BigVideo.js 是一個jQuery外掛能夠,讓你很方便將視訊作為網站的背景。

  它可以默默地播放一個視訊,或用一個列表讓使用者選擇他們喜歡的進行播放。

  這個外掛基於 Video.js構建。此外如果有些裝置不支援自動播放支援顯示成圖片。

  2. jPlayer

  jPlayer 是一個可定製和更換皮膚的開源JQuery的播放器,允許在網頁中播放音訊和視訊。jPlayer是跨瀏覽器相容的播放器,可以播放多種檔案格式,如MP3,MP4,WMV,FLV和OGG。

  jPlayer非常小隻有8kb左右,並且提供一些流行CMS平臺的相關外掛如WordPress, Joomla。

  經測試支援 Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9。

  3. Tubular 

  tubular是一個強大的jQuery外掛,可以讓你設定一個YouTube視訊作為你的網頁背景。

  4. FitVids.js 

  FitVids.js是一個輕量級,易於使用的 jQuery 外掛,用於在頁中插入響應式視訊。

  5. BigScreen 

  BigScreen 是一個使用 JavaScript Full Screen API 的簡單JS庫。BigScreen能夠很方便實現網站全屏功能。它支援Chrome 15+, Firefox 10+, Safari 5.1+。

  6. Cuepointjs 

  Cuepoint.js是一個開源的jQuery外掛用於在HTML5視訊中建立提示點和處理字幕。

  7. jQuery Webcam Plugin 

  jQuery Webcam這個外掛為直接在JavaScript中與攝像頭通訊提供了一個透明的訪問層。它通一個SW檔案與攝像頭互動,可以顯示Webcam輸出和捕捉圖象。如果有多個攝像頭,它可以顯示可用的攝像頭列表,然後供使用者選擇其中任意一個。

這個外掛提供了三種不同的模式:

我們可以使用JavaScript來呼叫一個輕量級API直接訪問攝像頭 – 或更確切地說使用jQuery。

這樣,就可以把影像傳輸到畫布上(回撥模式),也可以將影像儲存在伺服器(儲存模式),

還能夠以流媒體的形式實時傳輸Flash畫布上的影像(流媒體模式)。

  8. Video Lightbox 

  Video LightBox JS是一個免費的嚮導程式,她只需要你點選幾下,就能幫助您輕鬆地將視訊新增到您的網站或部落格並且不需要編寫任何程式碼。

  9. jQuery Video Gallery 

  一個簡單和輕量級的視訊畫廊,用於展示.swf視訊在一個視窗中。當選中一個縮圖時。

  10. Popcorn.js 

  Popcorn.js 是 HTML5 中的 <video> 事件系統,封裝了 <video> 元素並返回 Popcorn 物件。

  這是由 Mozilla 贊助的專案。

  Popcorn.js利用原生HTMLMediaElement屬性,方法和事件,它們歸成一個簡單易學的API,並提供一個外掛來擴充套件功能。

相關文章