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

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS DUKUNGAN FORUM FASTSI.FPORT

Intro

Ingin Galeri Video yang mudah untuk menginstal, untuk menyesuaikan, bekerja di semua browser (bahkan IE8), adalah sampai dengan standar terbaru (HTML5), memiliki dukungan multimedia terlalu (audio / gambar), dapat memberi makan dari penyedia video sharing (youtube / vimeo)? Maka ini adalah Galeri Video untuk menampilkan video Anda di situs Anda.

Galeri bekerja di semua lingkungan browser utama - termasuk IE melalui flashdisk jatuh-kembali. Juga, dengan memasukkan video tunggal di galeri video, itu menjadi sebuah pemutar video.

Galeri ini menggunakan tehniques HTML5 terbaru. Misalnya - menggunakan HTML5 LocalStorage mengingat volume terakhir yang Anda miliki sebelum Anda keluar dan menetapkan kembali bahwa volume ketika Anda datang kembali. Kulit adalah setup melalui CSS sederhana - jadi sepenuhnya kulit bisa dengan CSS dasar

Update

UPDATE 8.00 [2014/09/22]

  • [FIX] beberapa bug

UPDATE 7.50 [2014/04/08]

  • [Tweak] transisi sekarang lebih halus
  • [Tweak] pratinjau pembaruan

UPDATE 7.44 [2014/03/26]

  • [FIX] beberapa bug
  • [FIX] pratinjau
  • [FIX] menambahkan dukungan subtitle

UPDATE 6.78 [2013/10/14]

  • [FIX] beberapa bug

UPDATE 6.10 [2013/10/02]

  • [Fix] bug di akhir dari youtube video, audio masih akan bermain
UPDATE 5.11 [2013/10/02]
  • tetap fatal IE9 / IE10 bug
  • diperbarui untuk bekerja dengan jquery 1.9.1 tanpa Plugin bermigrasi
UPDATE 5.00 [2013/01/10]
  • menambahkan HD tombol untuk video YouTube
  • menambahkan cara baru untuk menggulir thumbsandarrows menu (periksa YouTube Saluran demo di preview)
  • menambahkan tiga mode baru - rotator, rotator3d dan dinding
  • kulit untuk galeri dan pemutar sekarang independen
  • menambahkan kulit galeri baru - nav_transparent - menu item navigasi melingkar dan transparan
  • menambahkan kulit mengagumkan baru untuk pemain - aurora
  • dokumentasi diperbarui
  • bug lainnya tetap
UPDATE 4.10 [2012/10/22]
  • bug tetap fullscreen (bekerja sempurna di Safari, Chrome, Firefox dan browser sesuai masa depan)
  • menambahkan iklan dukungan - image / youtube atau video yang ad
  • bug lainnya tetap
UPDATE 4.0 [2012/05/02]
  • tetap beberapa bug
  • galeri video berubah dan struktur pemain DOM Video
  • menambahkan penyangga bar baru
  • menambahkan dukungan Vimeo
  • menambahkan dukungan audio
  • menambahkan dukungan gambar
  • menambahkan tombol embed
  • tombol share menambahkan
  • menambahkan fullscreen nyata untuk Chrome, Safari, Firefox
UPDATE 3.0 [2012/02/23]
  • tetap beberapa bug
  • dokumentasi direstrukturisasi
  • galeri video berubah dan struktur pemain DOM Video

UPDATE 2.0 [07/09/2011]

  • tetap beberapa bug
  • mendukung iPod / iPad / iPhone
  • diperbarui untuk standar HTML5 terbaru

Fitur

  • fokus pada video - tombol fullscreen mari kita Anda menikmati video pada jendela browser seluruh
  • HTML5 didukung - elemen video HTML5 & javascript localStorage membuat ini sebuah galeri ujung tombak
  • mengingat preferensi Anda - pemain ini menggunakan LocalStorage HTML5 dalam rangka untuk menyimpan volume terakhir yang telah Anda tentukan, sehingga ketika Anda menutup halaman dan membukanya kemudian, volume segera kembali di mana Anda meninggalkannya
  • kompatibel dengan semua browser utama, termasuk IE - memberikan lampu kilat fallback untuk browser yang tidak mendukung tag video (Anda dapat menentukan video ke bermain melalui FlashVars) flash player video yang memiliki kulit yang sama dengan yang standar sehingga terlihat sama pada semua platform
  • iphone / ipad kompatibel - perangkat sentuh galeri ini telah dioptimalkan apple
  • css bertenaga kulit - css galeri dibagi menjadi dua bagian - fungsional dan estethic sehingga sangat mudah untuk membuat kulit Anda sendiri

    Aktiva

    Video dari - http://www.bigbuckbunny.org/

    FAQ

    Video 1 bekerja dengan baik tapi, 2 video yang tidak memuat sama sekali
    Kemungkinan besar Anda menguji dan telah melekat video youtube yang sama. Anda tidak dapat memiliki video youtube yang sama di 2 tempat.
    bagaimana cara menanamkan link vimeo ke dalamnya?
    hanya menambahkan markup ini dalam video galeri-con
     <Div class = "vplayer-tobe" Data-videoTitle = 'Vimeo Video' Data-type = "vimeo" Data-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / fff & text = jempol "class =" imgblock "/> <div class =" the-title "> Ini adalah sebuah video Vimeo </ div> thumbnail dapat autogenerate... </ div> </ div> 
    Mengubah nilai data src dengan id video Vimeo Anda
    Ini bisa digunakan untuk video yang tidak di Vimeo atau YouTube? Saya punya beberapa video host di server saya ingin link ke langsung. Tolong beritahu saya asap. Terima kasih
    Tentu, itu dibuat khusus untuk bermain sendiri host video. YouTube dan Vimeo hanya bonus.
    Bagaimana cara mendapatkan ikon media sosial untuk bekerja?
    memeriksa pengaturan shareCode untuk fungsi vGallery
    Bagaimana cara membuat video saya benar dikodekan untuk menggunakan dalam galeri ini?

    Anda perlu film dikonversi ke 2 format untuk memastikan memainkan video HTML5 di semua browser

    Dukungan browser & merekomendasikan program encoding

    IE9, IE8 (Flash) & Safari: M4V -> http://handbrake.fr/

    Chrome & Opera & Firefox: OGG-> http://video.online-convert.com/convert-to-ogg

    Struktur DOM Video

     <Div class = "vplayer" Data-description = "My Video" Data-img = "img / 1.jpg"> <Kontrol video preload> <Sumber src = "video / myvideo.m4v" /> <Sumber src = "video / myvideo.ogg" /> <Jenis objek = "application / x-shockwave flash" data = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "visibility: visible;"> <Nama param = "film" value = "preview.swf"> <param name = "menu" value = "false"> <param name = "AllowScriptAccess" value = "selalu"> <Param name = "skala" value = "noscale"> <param name = "allowfullscreen" value = "true"> <param name = "wmode" value = "buram"> <Param name = "flashvars" value = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Aku punya video saya siap, bagaimana cara menambahkannya whitin galeri?

    Cara terbaik untuk belajar bahwa jika Anda tidak konsisten dengan html adalah dengan contoh. Open source / index.html dan sekitar garis 122 Anda akan melihat:

    [..]
    <Div class = "vplayer" Data-description = "<img src =" img / thumb.png 'class =' imgblock '/> Video 5 "Data-img =" img / 1.jpg ">

    <Kontrol video preload>
    <Sumber src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Sumber src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" '/>
    <Sumber src = "video / test.ogg" type = 'video / ogg; codec = "Theora, vorbis" '/>
    <Sumber src = "video / bubbles.m4v" />

    <Width = objek "500" height = "300">
    <Nama param = "film" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Nama param = "allowfullscreen" value = "true"> </ param>
    <Nama param = "allowscriptaccess" value = "selalu"> </ param>
    <Nama param = "wmode" value = "buram"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave flash" width = "500" height = "300" allowscriptaccess = "selalu" allowfullscreen = "true" wmode = "buram">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -End VIDEO GALERI ->

    Ini merupakan video terakhir di galeri, dan itu adalah contoh yang baik jadi mari kita mengkloning itu dan nama itu Video 6 bukannya Video 5

    [..]
    <Div class = "vplayer" Data-description = "<img src =" img / thumb.png 'class =' ​​imgblock '/> Video 5 "Data-img =" img / 1.jpg ">

    <Kontrol video preload>
    <Sumber src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Sumber src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" '/>
    <Sumber src = "video / test.ogg" type = 'video / ogg; codec = "Theora, vorbis" '/>
    <Sumber src = "video / bubbles.m4v" />

    <Width = objek "500" height = "300">
    <Nama param = "film" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Nama param = "allowfullscreen" value = "true"> </ param>
    <Nama param = "allowscriptaccess" value = "selalu"> </ param>
    <Nama param = "wmode" value = "buram"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave flash" width = "500" height = "300" allowscriptaccess = "selalu" allowfullscreen = "true" wmode = "buram">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "vplayer" Data-description = "<img src =" img / thumb.png 'class =' imgblock '/> Video 6 "Data-img =" img / 1.jpg ">

    <Kontrol video preload>
    <Sumber src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Sumber src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" '/>
    <Sumber src = "video / test.ogg" type = 'video / ogg; codec = "Theora, vorbis" '/>
    <Sumber src = "video / bubbles.m4v" />

    <Width = objek "500" height = "300">
    <Nama param = "film" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Nama param = "allowfullscreen" value = "true"> </ param>
    <Nama param = "allowscriptaccess" value = "selalu"> </ param>
    <Nama param = "wmode" value = "buram"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave flash" width = "500" height = "300" allowscriptaccess = "selalu" allowfullscreen = "true" wmode = "buram">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -End VIDEO GALERI ->





    FIY, galeri ini dibuat oleh penulis terlaris, paling-fitur galeri saham di internet yang menerima update konstan (lebih dari 10 sejauh)
    Skins iPad iPhone Compal FlashVars minut skinable erabIed videos7 lokal dan moe! Envato AftESS DUKUNGAN FORUM FASTSI.FPORT

  • Ambil
    Komponen lain dalam kategori iniSemua komponen penulis ini
    KomentarPertanyaan yang sering diajukan dan jawaban

    Properties

    Dibuat:
    3 September 10, terakhir Perbarui

    Resolusi Tinggi:
    Ya

    Penjelajah Kompatibel:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, File Termasuk

    Software Versi:
    HTML5

    Kata kunci

    eCommerce, Semua Produk, deskripsi, flash, flash mundur, flashvars, fullscren, galeri, grafis, HTML5, yaitu, gambar, info, localStorage, video, volume, xml