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

— Lisäosa WorldWideScripts.net

Tilaa syötteen pysymään ajan tasalla!

Uusi! Seuraa meitä kuin haluat!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS TUKI FORUM FASTSI.FPORT

Intro

Haluatko Video Gallery, joka on helppo asentaa, muokata, toimii kaikissa selaimissa (jopa IE8), on jopa uusimpien standardien (HTML5), on multimedia tuki liikaa (audio / kuvia), voi syöttää videon jakamiseen tarjoajia (youtube / vimeo)? Sitten tämä on Video Gallery esitellä videoita sivustossasi.

Galleria toimii kaikissa suurimmissa selaimissa ympäristöön - kuten IE flash fall-back. Myös syöttämällä yhden videon videogalleria, siitä tulee videosoitin.

Tämä galleria käyttää viimeisintä HTML5 tehniques. Esimerkiksi - se käyttää HTML5 localStorage muistaa viimeinen osa teillä oli poistua ja asettaa takaisin, että äänenvoimakkuutta kun tulet takaisin. Iho on asetettu kautta yksinkertainen CSS - niin se on täysin iho-pystyy perus CSS

Päivitykset

PÄIVITYS 8.00 [09.22.2014]

  • [FIX] joitakin bugeja

PÄIVITYS 7.50 [4.8.2014]

  • [TWEAK] siirtyy nyt paljon tasaisempia
  • [TWEAK] esikatselu päivitys

PÄIVITYS 7.44 [26.03.2014]

  • [FIX] useita vikoja
  • [FIX] esikatselu
  • [FIX] lisää tekstityksen tuki

PÄIVITYS 6.78 [14.10.2013]

  • [FIX] useita vikoja

PÄIVITYS 6.10 [10.02.2013]

  • [Fix] bug at loppuminen youtube video, audio voisi vielä pelata
PÄIVITYS 5.11 [10.02.2013]
  • kiinteät kohtalokas IE9 / IE10 bug
  • päivitetty työskennellä jQuery 1.9.1 ilman migrate plugin
PÄIVITYS 5.00 [10.01.2013]
  • lisäsi HD painiketta YouTube-videoita
  • lisätty uusi tapa vierittää valikon thumbsandarrows (tarkista YouTube-kanava demon esikatselu)
  • kolme uutta tilaa - rotator, rotator3d ja seinä
  • nahat gallerian ja soittimen ovat nyt itsenäisiä
  • lisäsi uuden gallerian skin - nav_transparent - valikkokohdat pyöreä ja avoin navigointi
  • lisätty uusia mahtavia iho pelaaja - aurora
  • päivitetty dokumentointi
  • muut vikoja korjattu
PÄIVITYS 4.10 [22.10.2012]
  • kiinteät fullscreen vikoja (toimii täydellisesti Safari, Chrome, Firefox ja tulevaisuudessa yhteensopiva selaimet)
  • lisättyä mainos tuki - image / youtube tai video mainos
  • muut vikoja korjattu
PÄIVITYS 4.0 [05/02/2012]
  • korjatuksi
  • Muuttuneiden videogalleria ja videosoitin DOM rakenne
  • lisätty uusi puskurointi bar
  • lisättyä Vimeo tuki
  • lisäsi äänen tukea
  • lisätty kuva tuki
  • lisätyt Upota painike
  • lisäsi osake-painike
  • lisäsi real fullscreen Chrome, Safari, Firefox
PÄIVITYS 3.0 [23.02.2012]
  • korjatuksi
  • uudelleen dokumentointi
  • Muuttuneiden videogalleria ja videosoitin DOM rakenne

PÄIVITYS 2.0 [07/09/2011]

  • korjatuksi
  • iPod / iPad / iPhone tukee
  • päivitetty viimeisimpään HTML5 standardit

Piirteet

  • keskittyvät video - fullscreen painikkeen nyt nautit video koko selainikkunan
  • HTML5 powered - HTML5 video elementti & javascript localStorage tekee kärjessä galleria
  • muistaa asetukset - Tämän soittimen käyttää HTML5: n localStorage voidakseen tallentaa viimeinen äänenvoimakkuus olet asettanut, joten kun suljet sivun ja avata sen myöhemmin, määrä on takaisin mihin jätit sen
  • yhteensopiva kaikkien suurten selainten, kuten IE - tarjoaa flash varmistuksena varten selaimissa, jotka eivät tue videon tag (voit määrittää videon pelata läpi FlashVars) flash videosoitin on sama ihon oletuksena yksi niin se näyttää Sama kaikilla alustoilla
  • iPhone / iPad-yhteensopiva - tässä galleriassa on optimoitu Applen touch -laitteet
  • css powered skins - galleria css on jaettu kahteen osaan - toiminnallisia ja estethic joten se on erittäin helppo tehdä oman ihon

    Omaisuus

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

    UKK

    1st video toimii hyvin, mutta toinen video ei lataudu ollenkaan
    Todennäköisesti olet testaus ja ovat kiinnittyneet saman youtube video. Et voi olla sama youtube video 2 paikkaa.
    miten upottaa vimeo linkit siihen?
    vain lisätä tämä markup sisällä videogallery-con
     <Div class = "vplayer-Tobe" data-videoTitle = 'Vimeo "data-type =" Vimeo "data-src =" 31539657 "> <div class =" menuDescription "> <img src =" http: // dummyimage.com / 50x50 / 000000 / fff & text = peukalon "class =" imgblock "/> <div class ="-title "> Tämä on Vimeo </ div> pienoiskuva voi Generoi... </ div> </ div> 
    Muuta data-src arvo id oman Vimeo
    Voiko tätä käyttää videoita, jotka eivät ole Vimeo tai YouTubessa? Minulla on joitakin videoita isännöi palvelimella haluaisin linkittää suoraan. Kerrothan asap. THX
    Toki, se on tehty nimenomaan pelaa itsensä isännöi videoita. YouTube ja Vimeo ovat vain bonusta.
    Miten saan sosiaalisen median kuvakkeet töihin?
    tarkista shareCode puitteet vGallery toiminto
    Miten voin tehdä oman videon oikein koodattu käyttää tämän gallerian?

    Tarvitset elokuvan muuntaa 2 formaatteja voidakseen varmistaa HTML5 video pelaa kaikissa selaimissa

    Selaintuki & suositellaan koodausohjelman

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

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

    Video DOM rakenne

     <Div class = "vplayer" data-description = "My Video" data-img = "img / 1.jpg"> <Video valvonta Esilataa> <Source src = "Video / myvideo.m4v" /> <Source src = "Video / myvideo.ogg" /> <Object type = "application / x-shockwave-flash" tietojen = "preview.swf" width = "550" height = "300" id = "flashcontent" style = "visibility: visible;"> <Param name = "movie" value = "preview.swf"> <param name = "valikosta" value = "false"> <param name = "allowScriptAccess" value = "aina"> <Param name = "asteikko" value = "noscale"> <param name = "allowFullScreen" value = "true"> <param name = "wmode" value = "läpinäkymätön"> <Param name = "flashvars" value = "video = video / myvideo.m4v"> </ Object> </ Video> </ Div> 

    Minulla on video valmis, miten voin lisätä sen whitin galleriaan?

    Paras tapa oppia, että jos et ole yhdenmukaisia ​​html on esimerkkiä. Open source / index.html ja ympärillä linja 122 näette:

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

    <Video valvonta Esilataa>
    <Source src = "Video / test.mp4" type = "video / mp4; koodekit = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "Video / test.webm" type = "video / WebM; koodekit = "VP8, vorbis" "/>
    <Source src = "Video / test.ogg" type = "video / ogg; koodekit = "theora, vorbis" "/>
    <Source 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 = "aina"> </ param>
    <Param name = "wmode" value = "läpinäkymätön"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "aina" allowfullscreen = "true" wmode = "läpinäkymätön">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -end VIDEO GALLERIA ->

    Tämä on viimeinen video galleriassa, ja se on hyvä esimerkki niin katsotaanpa kloonata että ja nimeä se video 6 sijasta Video 5

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

    <Video valvonta Esilataa>
    <Source src = "Video / test.mp4" type = "video / mp4; koodekit = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "Video / test.webm" type = "video / WebM; koodekit = "VP8, vorbis" "/>
    <Source src = "Video / test.ogg" type = "video / ogg; koodekit = "theora, vorbis" "/>
    <Source 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 = "aina"> </ param>
    <Param name = "wmode" value = "läpinäkymätön"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "aina" allowfullscreen = "true" wmode = "läpinäkymätön">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>
    <Div class = "vplayer" data-description = "<img src =" img / thumb.png 'class = "imgblock' /> Video 6" data-img = "img / 1.jpg">

    <Video valvonta Esilataa>
    <Source src = "Video / test.mp4" type = "video / mp4; koodekit = "avc1.42E01E, mp4a.40.2" "/>
    <Source src = "Video / test.webm" type = "video / WebM; koodekit = "VP8, vorbis" "/>
    <Source src = "Video / test.ogg" type = "video / ogg; koodekit = "theora, vorbis" "/>
    <Source 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 = "aina"> </ param>
    <Param name = "wmode" value = "läpinäkymätön"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" type = "application / x-shockwave-flash" width = "500" height = "300" allowScriptAccess = "aina" allowfullscreen = "true" wmode = "läpinäkymätön">
    </ Embed>
    </ Object>
    </ Video>
    </ Div>

    </ Div> <! -end VIDEO GALLERIA ->





    FIY, tämä galleria on luonut kirjailija myydyin, useimmat varustellun varastossa galleria Internetissä, joka saa jatkuvasti päivityksiä (yli 10 toistaiseksi)
    Skins iPhone iPad Compal skinable minut FlashVars erabIed Paikallinen videos7 ja Moe! Envato AftESS TUKI FORUM FASTSI.FPORT

  • Lataa
    Muut komponentit tässä luokassaKaikki osat tämän tekijän
    KommentitUsein kysyttyjä kysymyksiä ja vastauksia

    Ominaisuudet

    Luotu:
    03 syyskuu 10, Viimeisin päivitys

    -ohjelman Selaimet:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, tiedostot mukana

    Avainsanoja

    eCommerce, Kaikki tuotteet, kuvaus, flash, flash varmistus, flashvars, fullscren, galleria, grafiikkaa, HTML5, eli kuvia, info, localStorage, video, tilavuus, xml