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 do WorldWideScripts.net

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS Forum pomocy FASTSI.FPORT

Intro

Chcesz Galeria Video, który jest łatwy w instalacji, dostosowanie, działa we wszystkich przeglądarkach (nawet IE8), należy do najnowszych standardów (HTML5), posiada obsługę multimediów (audio / too obrazów), może wyżywić od dostawców udostępniania wideo (youtube / vimeo)? To jest Galeria Video, aby pokazać swoje filmy na swojej stronie.

Galeria działa w otoczeniu wszystkich głównych przeglądarek - w tym m.in. poprzez Flash awaryjnych. Ponadto, wprowadzając jeden film w galerii wideo, staje się odtwarzacz wideo.

Galeria ta wykorzystuje najnowsze tehniques HTML5. Na przykład - używa HTML5 localStorage zapamiętać ostatni tom trzeba było przed zamknięciem i ustawia z powrotem, że głośność, kiedy wrócisz. Skóra jest konfiguracja poprzez prosty CSS - więc jest to w pełni skóry stanie się podstawowym CSS

Aktualizacje

AKTUALIZACJA 8.00 [22.09.2014]

  • [FIX] kilka błędów

AKTUALIZACJA 7.50 [08.04.2014]

  • [TWEAK] teraz znacznie łagodniejsze przejścia
  • [TWEAK] Aktualizacja podgląd

AKTUALIZACJA 7.44 [26.03.2014]

  • [FIX] wiele błędów
  • [FIX] podgląd
  • [FIX] dodaj obsługę napisów

AKTUALIZACJA 6.78 [14.10.2013]

  • [FIX] wiele błędów

AKTUALIZACJA 6.10 [02.10.2013]

  • [Fix] błąd w końcówce YouTube wideo, dźwięk będzie nadal grać
AKTUALIZACJA 5.11 [02.10.2013]
  • IE9 krytyczny stałe / IE10 błąd
  • zaktualizowany do pracy z jQuery 1.9.1 bez wtyczki migracji
AKTUALIZACJA 5.00 [10.01.2013]
  • dodany przycisk HD dla filmów z YouTube
  • dodał nowy sposób, aby przewinąć thumbsandarrows menu (sprawdzić demo YouTube kanału w podglądzie)
  • dodane trzy nowe tryby - rotator, rotator3d i ściany
  • skórki do galerii i odtwarzaczu są teraz niezależne
  • dodana nowa galeria skóry - nav_transparent - pozycje menu nawigacji okrągłe i przejrzyste
  • dodane nowe niesamowite skóry dla gracza - aurora
  • aktualizowana dokumentacja
  • Inne błędy
AKTUALIZACJA 4.10 [22.10.2012]
  • Naprawiono błędy fullscreen (działa idealnie na Safari, Chrome, Firefox i przyszłych przeglądarek zgodnych)
  • dodano wsparcie reklama - grafika / youtube lub wideo ogłoszenie
  • Inne błędy
UPDATE 4.0 [05/02/2012]
  • Poprawiono kilka błędów
  • Galeria wideo i zmiana struktury gracz DOM wideo
  • dodano nowy pasek buforowania
  • dodano wsparcie Vimeo
  • dodana obsługa dźwięku
  • dodano obsługę obrazu
  • dodany przycisk embed
  • dodany przycisk akcji
  • dodał prawdziwe fullscreen dla Chrome, Safari, Firefox
UPDATE 3.0 [23.02.2012]
  • Poprawiono kilka błędów
  • restrukturyzacji dokumentacji
  • Galeria wideo i zmiana struktury gracz DOM wideo

UPDATE 2.0 [09.07.2011]

  • Poprawiono kilka błędów
  • iPod / iPad / iPhone obsługuje
  • zaktualizowane do najnowszych standardów HTML5

Cechy

  • skupić się na filmie - przycisk na pełnym ekranie pozwala ci cieszyć się film na całego okna przeglądarki
  • html5 zasilany - HTML5 video i elementem javascript localStorage sprawia galerię ostrza
  • zapamiętuje preferencje - to gracz używa localStorage HTML5 w celu przechowywania ostatni tom ustawionej, więc po zamknięciu strony i otworzyć go później, objętość jest dokładnie tam gdzie go zostawił
  • kompatybilny ze wszystkimi popularnymi przeglądarkami, w tym IE - zapewnia błysku awaryjna dla przeglądarek, które nie obsługują znacznika video (można określić, które wideo grać przez FlashVars) odtwarzacz Flash Video ma taką samą skórę jak ten domyślny, tak to wygląda sama na wszystkich platformach
  • iPhone / iPad kompatybilny - Urządzenia dotykowe ta galeria została zoptymalizowana jabłko
  • css zasilany skórek - galeria css jest podzielony na dwie części - funkcjonalna i estethic więc jest to bardzo łatwo zrobić własną skórkę

    Majątek

    Wideo z - http://www.bigbuckbunny.org/

    FAQ

    1st wideo działa dobrze, ale, 2nd wideo nie ładuje się
    Najprawdopodobniej są badania i przywiązują taką samą wideo youtube. Nie można mieć ten sam film na YouTube w 2 miejscach.
    jak mogę osadzić Vimeo linki do niego?
    wystarczy dodać ten znaczników wewnątrz Galeria wideo-con
     <Div typu danych class = "RWARSTWA-Tobe" data-videoTitle = 'Vimeo Video' = "vimeo" data-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / fff & text = kciuk "class =" imgblock "/> <div class ="-title "> To jest video Vimeo </ div> miniatur może autogenerować... </ div> </ div> 
    Zmień wartość src danych z id swojej vimeo wideo
    Czy to może być stosowane do filmów, które nie są w Vimeo czy YouTube? Mam kilka filmów umieszczonych na serwerze Chciałbym połączyć bezpośrednio. Proszę dać mi znać jak najszybciej. dzięki
    Oczywiście, to jest zrobione specjalnie dla gry niezależne gospodarzem filmy. YouTube i Vimeo to tylko bonus.
    Jak uzyskać ikony mediów społecznościowych do pracy?
    sprawdzić ustawienie shareCode dla funkcji vGallery
    Jak zrobić, żeby mój film właściwie zakodowany w użyciu w tej galerii?

    Musisz your movie konwertowane do 2 formatów, w celu upewnienia się, odtwarza wideo HTML5 we wszystkich przeglądarkach

    Przeglądarka wsparcie i polecam program kodujący

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

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

    Wideo struktury DOM

     <Div class = "RWARSTWA" data-description = "My Video" data-img = "img / 1.jpg"> <Kontrola wideo preload> <Source src = "video / myvideo.m4v" /> <Source src = "video / myvideo.ogg" /> <Typ obiektu = "application / x-shockwave-flash" data = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "visibility: visible;"> <Param name = "movie" value = "preview.swf"> <param name = "menu" value = "false"> <param name = "allowScriptAccess" value = "always"> <Param name = wartość "skala" = "noScale"> <param name = "allowFullScreen" value = "true"> <param name = wartość "wmode" = "nieprzezroczyste"> <Param name = "FlashVars" value = "video = film / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Mam gotowy mój film, jak dodać go wzięciu galerii?

    Najlepszym sposobem, aby dowiedzieć się, że jeśli nie są zgodne z HTML jest przykład. Open source / index.html i wokół linii 122 można zobaczyć:

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

    <Kontrola wideo preload>
    <Source src = "video / test.mp4" type = "video / mp4; kodeki = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; kodeki = "VP8, Vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; kodeki = "Theora, Vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Szerokość obiektu = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Film = film / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = wartość "AllowScriptAccess" = "always"> </ param>
    <Param name = wartość "wmode" = "nieprzezroczyste"> </ param>
    <Embed src = "preview.swf? Film = film / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" AllowScriptAccess = "always" allowFullScreen = "true" wmode = "nieprzezroczyste">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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

    Jest to ostatni film w galerii, i to jest dobry przykład, więc niech sklonować, że film i nazwij go 6 zamiast filmu 5

    [..]
    <Div class = "RWARSTWA" data-description = "<img src =" / thumb.png img 'class =' ​​imgblock "/> Film 5" Dane-img = "img / 1.jpg">

    <Kontrola wideo preload>
    <Source src = "video / test.mp4" type = "video / mp4; kodeki = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; kodeki = "VP8, Vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; kodeki = "Theora, Vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Szerokość obiektu = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Film = film / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = wartość "AllowScriptAccess" = "always"> </ param>
    <Param name = wartość "wmode" = "nieprzezroczyste"> </ param>
    <Embed src = "preview.swf? Film = film / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" AllowScriptAccess = "always" allowFullScreen = "true" wmode = "nieprzezroczyste">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "RWARSTWA" data-description = "<img src =" / thumb.png img 'class =' imgblock "/> Wideo 6" dane-img = "img / 1.jpg">

    <Kontrola wideo preload>
    <Source src = "video / test.mp4" type = "video / mp4; kodeki = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "video / test.webm" type = "video / WebM; kodeki = "VP8, Vorbis" "/>
    <Source src = "video / test.ogg" type = "video / ogg; kodeki = "Theora, Vorbis" "/>
    <Source src = "video / bubbles.m4v" />

    <Szerokość obiektu = "500" height = "300">
    <Param name = "movie" value = "preview.swf? Film = film / advideo.flv"> </ param>
    <Param name = "allowFullScreen" value = "true"> </ param>
    <Param name = wartość "AllowScriptAccess" = "always"> </ param>
    <Param name = wartość "wmode" = "nieprzezroczyste"> </ param>
    <Embed src = "preview.swf? Film = film / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" AllowScriptAccess = "always" allowFullScreen = "true" wmode = "nieprzezroczyste">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

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





    FIY, ta galeria jest tworzony przez autora bestsellerowej, najbardziej funkcjonalny galerii stock w internecie, który otrzymuje stałej aktualizacji (ponad 10 do tej pory)
    Skórki iPhone iPad Compal Skinable FlashVars minut erabIed lokalny videos7 i Moe! Envato AftESS Forum pomocy FASTSI.FPORT

  • Pobierz
    Inne akcesoria w tej kategoriiWszystkie składniki tego autora
    KomentarzeNajczęściej zadawane pytania i odpowiedzi

    Właściwości

    Utworzono:
    03 września 10

    Ostatnia aktualizacja:
    22 września 14

    High Resolution:
    Tak

    Zgodne przeglądarki:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Google Chrome

    Pliki wliczony:
    JavaScript JS, HTML, CSS, SWF / FLV

    Wersja oprogramowania:
    HTML5

    Słowa kluczowe

    eCommerce, wszystkie przedmioty, opis, flash, awaryjna lampa błyskowa, FlashVars, fullscren, galeria, grafika, html5, czyli zdjęć, informacji, localStorage, wideo, głośności, xml