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

— Eklenti WorldWideScripts.net için

@tr1wwsGüncel kalmak bizim beslemesine abone olun!

Yeni! Istediğiniz gibi bizi takip edin!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS DESTEK FORUM FASTSI.FPORT

Intro

Tüm tarayıcılarda (hatta IE8) çalışır, özelleştirmek, kurulumu kolay bir Video Galeri ister, youtube (en son standartlara (html5), video paylaşım sağlayıcılarından besleyebilir çok multimedya desteği (ses / görüntü), sahiptir kadardır / Vimeo)? Sonra bu sitenizde videoları vitrin Video Galeri olduğunu.

galeri tüm büyük tarayıcılar ortamında çalışır - flaş fall-back ile IE de dahil olmak üzere. Ayrıca, video galerisine tek bir video girerek, bir video oynatıcı olur.

Bu galeri son html5 iş tekniği kullanır. Örneğin - bu çıkmak önce vardı son hacim hatırlamak HTML5 localStorage kullanır ve geri gelip o ses seviyesini geri ayarlar. Cilt Basit CSS üzerinden kurulum - yani tamamen cilt mümkün temel CSS bulunuyor

Güncellemeler

GÜNCELLEME 8.00 [2014/09/22]

  • [DÜZELTME] bazı hatalar

GÜNCELLEME 7.50 [2014/04/08]

  • [Tweak] artık çok daha yumuşak geçişler
  • [Tweak] Önizleme güncelleme

GÜNCELLEME 7,44 [2014/03/26]

  • [DÜZELTME] birden fazla böcek
  • [DÜZELTME] Önizleme
  • [DÜZELTME] altyazı desteği eklemek

GÜNCELLEME 6.78 [2013/10/14]

  • [DÜZELTME] birden fazla böcek

GÜNCELLEME 6.10 [2013/10/02]

  • [Fix] youtube video biten de böcek, ses hala oynamak istiyorum
GÜNCELLEME 5.11 [2013/10/02]
  • ölümcül IE9 / IE10 hata düzeltildi
  • geçirmek eklenti olmadan jquery 1.9.1 ile çalışmak için güncellendi
GÜNCELLEME 5.00 [2013/01/10]
  • YouTube videolarını eklenen HD düğmesi
  • Menü thumbsandarrows ilerlemek için yeni bir yol ekledi (önizleme YouTube Kanalı demosunu kontrol edin)
  • eklenen üç yeni modları - rotator, rotator3d ve duvar
  • galeri oyuncuyu derileri artık bağımsız
  • eklenen yeni galeri cilt - nav_transparent - menü öğeleri dairesel ve şeffaf navigasyon
  • oyuncu için eklenen yeni müthiş cilt - aurora
  • güncellenmiş belgeler
  • Diğer hatalar giderildi
GÜNCELLEME 4.10 [2012/10/22]
  • Sabit tam ekran hatalar (Safari, Chrome, Firefox ve gelecekteki uyumlu tarayıcılarda mükemmel çalışıyor)
  • eklenen reklam desteği - resim / youtube veya video reklam
  • Diğer hatalar giderildi
GÜNCELLEME 4,0 [05.02.2012]
  • bazı hatalar düzeltildi
  • Değiştirilen video galeri ve video oynatıcı DOM yapısı
  • Yeni tampon çubuğu eklendi
  • eklendi Vimeo desteği
  • katma ses desteği
  • eklenen görüntü desteği
  • katma embed düğmesi
  • katma hisse düğmesi
  • Chrome, Safari, Firefox için eklenen gerçek tam ekran
GÜNCELLEME 3.0 [2012/02/23]
  • bazı hatalar düzeltildi
  • yeniden belgeler
  • Değiştirilen video galeri ve video oynatıcı DOM yapısı

GÜNCELLEME 2.0 [07.09.2011]

  • bazı hatalar düzeltildi
  • iPod / iPad / iPhone destekler
  • En son html5 standartlarına güncellendi

Özellikler

  • Video odaklanmak - Tam ekran düğmesi tüm tarayıcı penceresinde video keyfini edelim
  • html5 destekli - HTML5 Video elemanı ve javascript localStorage bu kesim galerisi yapar
  • Tercihlerinizi hatırlar - sayfayı kapatın ve daha sonra açtığınızda bu oyuncu böylece, ayarladığınız son hacmini saklamak için HTML5 en localStorage kullanır, ses sağ arka bıraktığınız nerede
  • IE de dahil olmak üzere tüm büyük tarayıcılar ile uyumlu - video etiketini desteklemeyen tarayıcılar için flaş geçiş sağlar böylece görünüyor flash video oynatıcı varsayılan aynı cilde sahip (siz FlashVars üzerinden oynamak için hangi video belirtebilirsiniz) tüm platformlarda aynı
  • iphone / ipad uyumlu - Bu galeri optimize edilmiştir elma touch cihazları
  • css derileri - powered galeri css iki bölüme ayrılmıştır - fonksiyonel ve estetik bir o kendi cilt yapmak çok kolay yani

    Varlıklar

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

    SSS

    1st Video çalışıyor ancak, 2 video hiç yüklemez
    Büyük olasılıkla size test ediyoruz ve aynı youtube video eklenmiş. Siz 2 yerde aynı youtube video olamaz.
    nasıl içine vimeo bağlantılar embed mı?
    Sadece VIDEOGALLERY-con içinde bu biçimlendirme eklemek
     <Div class = "vplayer-tobe" data-videoTitle = 'Vimeo Videonun' veri type = "vimeo" veri src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / fff & text = başparmak "class =" imgblock "/> <div class =" başlık "> Bu Vimeo, video </ div> küçük autogenerate olabilir... </ div> </ olduğu div> 
    Senin Vimeo video kimlikli veri src değerini değiştirin
    Bu Vimeo veya YouTube DEĞİLDİR videolar için kullanılabilir mi? Ben doğrudan bağlamak istiyorum bir sunucu üzerinde barındırılan bazı videolar var. Beni asap bildirin lütfen. Teşekkürler
    Tabii, kendini barındırılan videoları oynatmak için özel olarak yapılmış. YouTube ve Vimeo sadece bir bonus.
    Nasıl sosyal medya simgeleri işe alabilirim?
    vGallery fonksiyonu için Paylaştığımızkod ayarını kontrol
    Nasıl düzgün bu galeride içinde kullanmak üzere kodlanmış Video yapabilirim?

    Siz film tüm tarayıcılarda emin html5, video çalış yapmak için 2 formatlara dönüştürülür gerekir

    Tarayıcı desteği ve önerilen kodlama programı

    IE9, IE8 (Flaş) ve Safari: M4V -> http://handbrake.fr/

    Krom ve Opera ve Firefox: OGG-> http://video.online-convert.com/convert-to-ogg

    Video DOM yapısı

     <Div class = "vplayer" data-description = "My Video" data-img = "img / 1.jpg"> <Video kontrolleri preload> <Kaynak src = "video / myvideo.m4v" /> <Kaynak src = "video / myvideo.ogg" /> <Object type = "application / x-shockwave-flash" data = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "görünürlük: görünür;"> <Param name = "movie" value = "preview.swf"> <param name = "menüsü" value = "false"> <param name = "allowScriptAccess" value = "always"> <Param name = "ölçek" value = "noScale"> <param name = "allowFullScreen" value = "true"> <param name = "wmode" value = "opak"> <Param name = "FlashVars" value = "Video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Ben nasıl galeriye whitin bunu eklerim, Video hazır mı?

    En iyi yolu html tutarlı değilse örnek olduğunu öğrenmek için. Açık kaynak / index.html ve hat 122 civarında göreceksiniz:

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

    <Video kontrolleri preload>
    <Kaynak src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Kaynak src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" '/>
    <Kaynak src = "video / test.ogg" type = 'video / ogg; codec = "theora, vorbis" '/>
    <Kaynak src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "allowscriptaccess" value = "always"> </ param>
    <Param name = "wmode" value = "opak"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowFullScreen = "true" wmode = > "opak"
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -SON VİDEO GALERİ ->

    Bu galeride son videoyu temsil eder ve bu iyi bir örnek yüzden Videoyu 6 yerine video 5 olduğunu klonlamak ve adlandırın izin var

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

    <Video kontrolleri preload>
    <Kaynak src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Kaynak src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" '/>
    <Kaynak src = "video / test.ogg" type = 'video / ogg; codec = "theora, vorbis" '/>
    <Kaynak src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "allowscriptaccess" value = "always"> </ param>
    <Param name = "wmode" value = "opak"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowFullScreen = "true" wmode = > "opak"
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "vplayer" data-description = "<img src = 'img / thumb.png' class = 'imgblock' /> Video 6" veri img = "img / 1.jpg">

    <Video kontrolleri preload>
    <Kaynak src = "video / test.mp4" type = 'video / mp4; codec = "avc1.42E01E, mp4a.40.2" '/>
    <Kaynak src = "video / test.webm" type = 'video / webm; codec = "VP8, vorbis" '/>
    <Kaynak src = "video / test.ogg" type = 'video / ogg; codec = "theora, vorbis" '/>
    <Kaynak src = "video / bubbles.m4v" />

    <Object width = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = "allowscriptaccess" value = "always"> </ param>
    <Param name = "wmode" value = "opak"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowscriptaccess = "always" allowFullScreen = "true" wmode = > "opak"
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -SON VİDEO GALERİ ->





    FIY, bu galeri en çok satan yazarı tarafından oluşturulan, internet üzerinde en özellikli stok galeri sürekli güncellemeleri aldığı (10 daha sonra şimdiye kadar)
    Skins iPhone iPad Compal skinable minut FlashVars Yerel videos7 ve moe erabIed! Envato AftESS DESTEK FORUM FASTSI.FPORT

  • Indir
    Bu kategorideki diğer bileşenleriBu yazarın tüm bileşenleri
    YorumlarSıkça sorulan sorular ve cevapları

    Özellikleri

    :
    3 10 Eylül düzenlendi, Son Güncelleme

    Yüksek Çözünürlüklü:
    Evet Uyumlu Tarayıcılar

    Yazılım Sürümü:
    HTML5

    Anahtar kelimeler

    eTicaret, Tü, m Ü, rü, nleri, aç, ıklama, flaş, flaş yedek, FlashVars, fullscren, galeri, grafik, html5, yani, resimler, bilgi, localStorage, video, ses, xml