為開發人員們準備的 10 款超棒的 jQuery 視頻外掛程式

來源:互聯網
上載者:User

標籤:

jQuery 是一種快速、簡潔的 JavaScript 庫,可以簡化 HTML 文檔遍曆、事件處理、動畫和 Ajax 互動,能快速進行 web 開發。一個 jQuery 外掛程式基本上是一種新方法,用來擴充 jQuery 原型對象。當擴充原型對象時,所有的 jQuery 對象就會啟用並且能夠添加和繼承其他的任何方法。

1. Bigvideo.js

BigVideo.js 是一個 jQuery 視頻外掛程式,能讓使用者很方便將視頻作為網站的背景並且能夠產生自適應的視頻背景。它可以播放一個無聲視頻(或一系列視頻),或者像播放器一樣提供一個視頻列表給使用者,讓他們選擇喜歡的進行播放。這個外掛程式基於 Video.js 構建。此外如果有些裝置不支援自動播放則轉換成用圖片來顯示。這款外掛程式要求 jQuery UI(滑塊控制)和 jQuery 映像載入外掛程式。線上示範

2. jPlayer


jPlayer 是個完全免費和開源的媒體庫 (media library)。作為jQuery外掛程式的一員,使用jPlayer可以在你的網頁上輕鬆加入跨平台的音樂和視頻。通過jPlayer的API,你可以構想出具有創意的影音解決方案。  線上示範  

3. Tubular


Tubular 是一款 jQuery 外掛程式,允許使用者自由的設定 YouTube 上面的視頻作為自己網頁的背景。直接使用的時候需要安裝 Javascript 和 Flash player 和具有相應功能的用戶端瀏覽器。Tubular 依賴於 jQuery 和swfobject 。使用者使用的時候只需要添加到你的 body 標籤裡面,指定一個 YouTube 的視頻 ID 並且把 ID 告訴你的內容封裝。需要注意的是,Tubular 必須部署在 網頁伺服器上。

4. FitVids.js


Fitvids.js 是個輕量級,便於使用的 jQuery 外掛程式,用來在網頁上播放指定寬度的嵌入視頻。Fitvides.js 會自動通過 Thierry Koblentz 的 Intrinsic Ration 方法來在你的響應式網頁中實現流體寬度視頻。有一款自訂的視頻播放器嗎?答案是肯定的,Fitvides.js 提供一個 customSelector 自訂選取器,允許使用者添加自訂的視頻供應商。線上示範

5. BigScreen

BigScreen 是一個調用 JavaScript Full Screen API 的 JS 庫,使使用者更容易在網頁或者應用上使用全屏功能。它能避免與瀏覽器不一致的錯誤,特別是當你在 iframe 裡面使用全屏功能的時候。如果元素包括一個視頻和舊版的 API ,那麼它會很聰明的退回到舊版的視頻全屏 API 中,目前支援多種瀏覽器:Chrome 15+, Firefox 10+, Safari 5.1+。  線上示範

6. Cuepointjs


Cuepoint.js 是一款處理 HTML5 視頻字幕和製作提示點資訊的 jQuery 外掛程式,幾秒就顯示一組字幕。它提供一個設定時間的事件,可以用來附加任何元素跳到多媒體第二個提示點。線上示範

7. jQuery Webcam Plugin


jQuery Webcam 直接在JavaScript中與網路攝影機通訊提供了一個透明的訪問層。它通一個SW檔案與網路攝影機互動,可以顯示Webcam輸出和捕捉圖象。如果有多個攝像 頭,它可以顯示可用的網路攝影機列表,然後供使用者選擇其中任意一個。視頻傳輸可以是任何大小(但是,必須要重新編譯 SWF 檔案)。 線上示範

8. Video Lightbox


Video LightBox JS 是一款自由的嚮導程式,能讓使用者更簡單的在網站,網頁和部落格中嵌入視頻。使用者只需要點擊幾下滑鼠,一行代碼也不用寫就可以輕鬆完成任務。嵌入視頻只需要三個步驟:1.添加視頻  2.選擇模版  3.發布 。線上示範

9. jQuery Video Gallery


jQuery Video Gallery 是一款簡單,輕量級的視頻庫,使用者只需要選擇一個影片縮圖就可以直接播放相關的 .swf 視頻了。

10. Popcorn.js

Popcorn.js 是 HTML5 中的 <video> 事件系統,封裝了 <video> 元素並返回 Popcorn 對象。這是由 Mozilla 贊助的項目。線上示範

via codegeekz.com

相關連結
  • jQuery 的詳細介紹:請點這裡
  • jQuery 的:請點這裡

想通過手機用戶端(支援 Android、iPhone 和 Windows Phone)訪問開源中國:請點這裡

本站文章除註明轉載外,均為本站原創或編譯
歡迎任何形式的轉載,但請務必註明出處,尊重他人勞動共創開源社區
轉載請註明:文章轉載自:開源中國社區 [http://www.oschina.net]
本文標題:為開發人員們準備的 10 款超棒的 jQuery 視頻外掛程式
本文地址:https://www.oschina.net/news/47931/10-best-jquery-video-plugins-for-developers

為開發人員們準備的 10 款超棒的 jQuery 視頻外掛程式

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.