WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

HTML5 Blue Video Gallery

— 添加到WorldWideScripts.net

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ENVATO AftESS支持論壇FASTSI.FPORT

簡介

想要一個視頻庫,易於安裝,定制,適用於所有的瀏覽器(IE8連),達到最新標準(HTML5),具有多媒體支持太(音頻/圖片),可以從​​視頻共享提供商飼料(YouTube的/ VIMEO)? 那麼這 視頻庫到您的網站上展示您的視頻。

畫廊的作品在所有主要瀏覽器的環境 - 包括IE通過回退閃光燈。 此外,通過在視頻庫輸入一個單一的視頻,它成為一個視頻播放器。

這個畫廊採用了最新的HTML5 tehniques。 例如 - 它使用HTML5的localStorage記住你有你退出前的最後一卷,並設置了回卷時,你回來。 皮膚是通過簡單的CSS設置 - 所以這是完全皮膚能夠與基本的CSS

更新

UPDATE 8.00 [2014年9月22日]

  • [修復]一些bug

UPDATE 7.50 [2014年4月8日]

  • [TWEAK]現在過渡更平滑
  • [TWEAK]預覽更新

UPDATE 7.44 [2014年3月26日]

  • [修復]多個漏洞
  • [修復]預覽
  • [修復]添加字幕支持

UPDATE 6.78 [2013年10月14日]

  • [修復]多個漏洞

UPDATE 6.10 [2013年10月2日]

  • [修復]在YouTube視頻的結尾錯誤,音頻仍然發揮
UPDATE 5.11 [2013年10月2日]
  • 固定一個致命的IE9 / IE10的bug
  • 更新使用jQuery 1.9.1工作不遷移插件
UPDATE 5.00 [2013年1月10日]
  • 加入高清按鈕YouTube視頻
  • 增加了新的方式來滾動菜單thumbsandarrows(查看YouTube頻道演示預覽)
  • 增加了三個新模式 - 旋轉,rotator3d和牆壁
  • 對於皮膚畫廊和球員現在是獨立
  • 增加了新的畫廊的皮膚 - nav_transparent - 菜單項的圓形透明導航
  • 增加了新的皮膚真棒為玩家 - 極光
  • 更新的文檔
  • 其他bug修復
UPDATE 4.10 [2012年10月22日]
  • 固定全屏錯誤(完美的作品在Safari,Chrome瀏覽器,Firefox和未來兼容的瀏覽器)
  • 添加廣告支持 - 圖像/ YouTube或視頻廣告
  • 其他bug修復
UPDATE 4.0 [05/02/2012]
  • 修復了一些bug
  • 變更後的視頻庫和視頻播放器的DOM結構
  • 增加了一個新的緩衝欄
  • Vimeo的補充支持
  • 添加音頻支持
  • 添加圖像支持
  • 添加嵌入按鈕
  • 添加分享按鈕
  • 加入真正的全屏為Chrome,Safari瀏覽器,火狐
UPDATE 3.0 [2012年2月23日]
  • 修復了一些bug
  • 重組文件
  • 變更後的視頻庫和視頻播放器的DOM結構

更新2.0 [07/09/2011]

  • 修復了一些bug
  • 的iPod / iPad / iPhone的支持
  • 更新到最新的HTML5標準

產品特點

  • 專注於視頻 - 全屏按鈕,讓你享受整個瀏覽器窗口上的視頻
  • HTML5動力 - HTML5視頻元素和Javascript的localStorage使這一前沿畫廊
  • 記住你的喜好 - 這個播放器使用的Html5的localStorage的以存儲您所設定的最後一卷,所以當你關閉該頁面,並稍後打開它,體積右後衛,你離開它
  • 與所有主要的瀏覽器,包括IE兼容 - 提供備用閃存對於不支持視頻標籤的瀏覽器(可以指定通過Flash變量要播放的視頻)的Flash視頻播放器具有相同的皮膚作為默認之一,所以它的外觀同樣在所有平台上
  • iPhone / iPad的兼容 -本相冊已被優化的蘋果觸摸屏設備
  • CSS供電皮膚 - 畫廊CSS是分為兩部分 - 功能和estethic所以很容易使自己的皮膚

    資產

    從視頻- http://www.bigbuckbunny.org/

    常問問題

    第一視頻工作正常,但第二個視頻不加載在所有
    最大的可能是你正在測試並附著相同的YouTube視頻。 你不能在兩個地方同樣的YouTube視頻。
    我怎麼嵌入VIMEO鏈接到它?
    只需添加該標記的videogallery-CON內
     <格類=“VPLAYER-砥”數據videoTitle ='Vimeo的視頻'的數據類型=“VIMEO”數據的src =“31539657”> <股利類=“menuDescription”> <IMG SRC =“包含http:// dummyimage.COM / 50×50/000000 / FFF與文本=拇指“級=”imgblock“/> <DIV CLASS =”的標題“>這是一個Vimeo的視頻</ DIV>縮略圖可以自動生成...... </ DIV> </ DIV> 
    您VIMEO視頻的ID更改數據-SRC值
    這可以被用於視頻不在的Vimeo或YouTube? 我有一些視頻託管的服務器上,我想直接鏈接到。 請讓我知道盡快。 謝謝
    當然,這是玩自託管的視頻製作專門。 YouTube和Vimeo的只是獎金。
    我如何獲得社交媒體圖標的工作?
    檢查shareCode設置為vGallery功能
    如何讓我的視頻編碼正確這個畫廊裡使用?

    你需要你的電影轉換為2的格式,以使在所有瀏覽器確保HTML5視頻播放

    瀏覽器支持與建議編碼程序

    IE9,IE8(閃存)和Safari瀏覽器:M4V - > http://handbrake.fr/

    鉻,歌劇和Firefox的 :OGG-> http://video.online-convert.com/convert-to-ogg

    視頻DOM結構

     <DIV CLASS =“VPLAYER”數據說明=“我的視頻”數據IMG =“IMG / 1.JPG”> <視頻控制預緊> <源SRC =“視頻/ myvideo.m4v”/> <源SRC =“視頻/ myvideo.ogg”/> <對象類型=“應用程序/ x-衝擊波閃光”數據=“preview.swf”WIDTH =“550”HEIGHT =“300”ID =“flashcontent”的風格=“能見度:可見;”> <參數名稱=“電影”的價值=“preview.swf”> <PARAM NAME =“菜單”值=“FALSE”> <PARAM NAME =“allowScriptAccess的”值=“總是”> <PARAM NAME =“規模化”的價值=“noScale”的情況> <PARAM NAME =“的allowFullScreen”值=“真”> <PARAM NAME =“的wmode”值=“不透明”> <PARAM NAME =“Flash變量”值=“視頻=視頻/ myvideo.m4v”> </ object> </視頻> </ DIV> 

    我有我的視頻準備好了,我怎麼添加whitin畫廊?

    最好的學習方法,如果你不使用HTML一致的是例子。 開源/ index.html,然後圍繞線122,你會看到:

    [..]
    <DIV CLASS =“VPLAYER”數據說明=“<IMG SRC =”IMG / thumb.png'級='imgblock'/>視頻5“數據IMG =”IMG / 1.JPG“>

    <視頻控制預緊>
    <源SRC =“視頻/ test.mp4”型='視頻/ MP4; 編解碼器=“avc1.42E01E,mp4a.40.2”“/>
    <源SRC =“視頻/ test.webm”型='視頻/ WEBM; 編解碼器=“VP8,Vorbis格式”“/>
    <源SRC =“視頻/ test.ogg”型='視頻/ OGG; 編解碼器=“Theora格式,Vorbis格式”“/>
    <源SRC =“視頻/ bubbles.m4v”/>

    <對象寬度=“500”HEIGHT =“300”>
    <參數名稱=“電影”的價值=“preview.swf?視頻=視頻/ advideo.flv”> </ param>
    <PARAM NAME =“的allowFullScreen”值=“真”> </ param>
    <PARAM NAME =“allowScriptAccess的”值=“總是”> </ param>
    <PARAM NAME =“的wmode”值=“不透明”> </ param>
    <嵌入SRC =“preview.swf?視頻=視頻/ advideo.flv”類型=“應用程序/ x-衝擊波閃光”寬度=“500”HEIGHT =“300”的allowScriptAccess =“永遠”的allowFullScreen =“真”的wmode = “不透明”>
    </嵌入>
    </ object>
    </視頻>
    </ DIV>

    </ DIV> <! -END視頻庫 - >

    這代表在畫廊的最後一個視頻,這是一個很好的例子,讓我們的克隆,並命名為視頻6,而不是視頻5

    [..]
    <DIV CLASS =“VPLAYER”數據說明=“<IMG SRC =”IMG / thumb.png'級='imgblock'/>視頻5“數據IMG =”IMG / 1.JPG“>

    <視頻控制預緊>
    <源SRC =“視頻/ test.mp4”型='視頻/ MP4; 編解碼器=“avc1.42E01E,mp4a.40.2”“/>
    <源SRC =“視頻/ test.webm”型='視頻/ WEBM; 編解碼器=“VP8,Vorbis格式”“/>
    <源SRC =“視頻/ test.ogg”型='視頻/ OGG; 編解碼器=“Theora格式,Vorbis格式”“/>
    <源SRC =“視頻/ bubbles.m4v”/>

    <對象寬度=“500”HEIGHT =“300”>
    <參數名稱=“電影”的價值=“preview.swf?視頻=視頻/ advideo.flv”> </ param>
    <PARAM NAME =“的allowFullScreen”值=“真”> </ param>
    <PARAM NAME =“allowScriptAccess的”值=“總是”> </ param>
    <PARAM NAME =“的wmode”值=“不透明”> </ param>
    <嵌入SRC =“preview.swf?視頻=視頻/ advideo.flv”類型=“應用程序/ x-衝擊波閃光”寬度=“500”HEIGHT =“300”的allowScriptAccess =“永遠”的allowFullScreen =“真”的wmode = “不透明”>
    </嵌入>
    </ object>
    </視頻>
    </ DIV>
    <DIV CLASS =“VPLAYER”數據說明=“<IMG SRC =”IMG / thumb.png'級='imgblock'/> 視頻6“數據IMG =”IMG / 1.JPG“>

    <視頻控制預緊>
    <源SRC =“視頻/ test.mp4”型='視頻/ MP4; 編解碼器=“avc1.42E01E,mp4a.40.2”“/>
    <源SRC =“視頻/ test.webm”型='視頻/ WEBM; 編解碼器=“VP8,Vorbis格式”“/>
    <源SRC =“視頻/ test.ogg”型='視頻/ OGG; 編解碼器=“Theora格式,Vorbis格式”“/>
    <源SRC =“視頻/ bubbles.m4v”/>

    <對象寬度=“500”HEIGHT =“300”>
    <參數名稱=“電影”的價值=“preview.swf?視頻=視頻/ advideo.flv”> </ param>
    <PARAM NAME =“的allowFullScreen”值=“真”> </ param>
    <PARAM NAME =“allowScriptAccess的”值=“總是”> </ param>
    <PARAM NAME =“的wmode”值=“不透明”> </ param>
    <嵌入SRC =“preview.swf?視頻=視頻/ advideo.flv”類型=“應用程序/ x-衝擊波閃光”寬度=“500”HEIGHT =“300”的allowScriptAccess =“永遠”的allowFullScreen =“真”的wmode = “不透明”>
    </嵌入>
    </ object>
    </視頻>
    </ DIV>

    </ DIV> <! -END視頻庫 - >





    FIY,該畫廊是由暢銷的作者創建的,最特色的股票畫廊在互聯網上接收不斷更新(超過10為止)
    SKINS iPhone iPad的仁寶更換皮膚minut FlashVars的erabIed本地videos7和教育部! ENVATO AftESS支持論壇FASTSI.FPORT

  • 下載
    此類別中的其他組成部分這個作者的所有組件
    評論常見問題和答案

    屬性

    創建:
    10年9月3日,最後更新

    高分辨率:

    兼容的瀏覽器:
    IE7,IE8,IE9,IE10,IE11,火狐,Safari,歌劇,鉻,文件包括JavaScript的

    軟件版本:
    HTML5

    關鍵字

    電子商務, 所有的項目, 說明, 閃, 閃回退, Flash變量, fullscren, 畫廊, 圖形, HTML5, 也就是說, 圖像, 信息, localStorage的, 視頻, 音量, XML