DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 推薦10個2014年最佳的jQuery視頻插件
推薦10個2014年最佳的jQuery視頻插件
編輯:JQuery特效代碼     

  在這篇文章中已經收集了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,並提供一個插件來擴展功能。

以上10款插件都很不錯,大家根據自己的項目要求自由選擇吧

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved