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

Kujiunga na kulisha wetu kukaa hadi tarehe!

Mpya! Kufuata yetu kama unataka!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

envato AftESS Support Forum FASTSI.FPORT

Intro

Wanataka Video Nyumba ya sanaa kwamba ni rahisi kufunga, Customize, anafanya kazi katika browsers wote (hata IE8), ni juu ya viwango karibuni (HTML5), ina multimedia msaada pia (audio / picha), unaweza kulisha kutoka kugawana video watoa (youtube / vimeo)? Basi hii ni video ya Sanaa ya kuonyesha video yako kwenye tovuti yako.

nyumba ya sanaa kazi katika browsers yote makubwa mazingira - ikiwa ni pamoja na IE kupitia flash kuanguka-nyuma. Pia, kwa inputting video moja katika video nyumba ya sanaa, inakuwa mchezaji video.

Nyumba ya sanaa hii inatumia karibuni HTML5 tehniques. Kwa mfano - inatumia HTML5 LocalStorage kukumbuka kiasi iliyopita alikuwa mbele yenu exit na seti nyuma kiasi kwamba wakati wewe kuja nyuma. ngozi ni kuanzisha kupitia CSS rahisi - hivyo ni kikamilifu ngozi-uwezo na CSS msingi

Updates

UPDATE 8.00 [2014/09/22]

  • [FIX] baadhi ya mende

UPDATE 7.50 [2014/04/08]

  • [Tweak] transitions sasa kiasi laini
  • [Tweak] hakikisho update

UPDATE 7.44 [2014/03/26]

  • [FIX] mende mbalimbali
  • [FIX] hakikisho
  • [FIX] kuongeza msaada Subtitle

UPDATE 6.78 [2013/10/14]

  • [FIX] mende mbalimbali

UPDATE 6.10 [2013/10/02]

  • [Kurekebisha] mdudu katika mwisho wa youtube video, redio bado kucheza
UPDATE 5.11 [2013/10/02]
  • fasta mbaya IE9 / IE10 mdudu
  • updated kufanya kazi na jQuery 1.9.1 bila kuhamia Plugin
UPDATE 5.00 [2013/01/10]
  • aliongeza HD kifungo kwa video za YouTube
  • aliongeza njia mpya ya kitabu orodha thumbsandarrows (angalia Channel YouTube demo katika hakikisho)
  • aliongeza tatu mpya modes - rotator, rotator3d na ukuta
  • ngozi kwa ajili ya nyumba ya sanaa na mchezaji sasa huru
  • aliongeza mpya nyumba ya sanaa ngozi - nav_transparent - orodha ya vitu mviringo na uwazi urambazaji
  • aliongeza ngozi mpya kutisha kwa ajili ya mchezaji - aurora
  • nyaraka updated
  • mende nyingine za kudumu
UPDATE 4.10 [2012/10/22]
  • fasta Fullscreen mende (kazi kikamilifu juu ya Safari, Chrome, Firefox na vivinjari kulaumu baadaye)
  • aliongeza tangazo msaada - picha / youtube au video tangazo
  • mende nyingine za kudumu
UPDATE 4.0 [2012/05/02]
  • fasta baadhi ya mende
  • iliyopita video nyumba ya sanaa na video mchezaji DOM muundo
  • aliongeza mpya buffering bar
  • aliongeza Vimeo msaada
  • aliongeza msaada redio
  • aliongeza picha msaada
  • aliongeza kifungo kupachika
  • aliongeza kushiriki kifungo
  • aliongeza Fullscreen kweli kwa Chrome, Safari, Firefox
UPDATE 3.0 [2012/02/23]
  • fasta baadhi ya mende
  • nyaraka marekebisho
  • iliyopita video nyumba ya sanaa na video mchezaji DOM muundo

UPDATE 2.0 [2011/07/09]

  • fasta baadhi ya mende
  • iPod / iPad / iPhone inasaidia
  • updated kwa latest viwango HTML5

Makala

  • kuzingatia video - kifungo Fullscreen hebu kufurahia video kwa ujumla dirisha browser
  • HTML5 powered - HTML5 video kipengele & javascript localStorage inafanya hii nyumba ya sanaa kupunguza makali
  • anakumbuka mapendekezo yako - mchezaji huyu anatumia LocalStorage HTML5 ya ili kuhifadhi kiasi iliyopita una kuweka, hivyo wakati wewe karibu na ukurasa kuufungua baadaye, kiasi ni haki ya nyuma ambapo wewe kushoto ni
  • sambamba na browsers yote makubwa, ikiwa ni pamoja IE - hutoa flash fallback kwa browsers ambayo hayana msaada tag video (unaweza kutaja video ya kucheza kupitia FlashVars) flash mchezaji video ana ngozi sawa na mtu default hivyo inaonekana sawa kwenye majukwaa yote
  • iphone / iPad sambamba - nyumba ya sanaa hii imekuwa optimized apple kugusa vifaa
  • css powered ngozi - nyumba ya sanaa css imegawanywa katika sehemu mbili - kazi na estethic hivyo ni rahisi sana kufanya ngozi yako mwenyewe

    Mali

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

    Maswali

    1 video kazi nzuri lakini, 2 video haufunguki wakati wote
    Pengine wewe ni kupima na kuwa na masharti sawa youtube video. Huwezi kuwa sawa youtube video katika 2 maeneo.
    jinsi gani mimi embed viungo vimeo ndani yake?
    tu kuongeza ghafi hii ndani videogallery-con
     <Div class = "vplayer-tobe" data-videoTitle = 'Vimeo video' data-aina = "vimeo" data-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage Com / 50x50 / 000000 / fff & maandishi = gumba "darasa =" imgblock "/> <div class ="-kichwa "> Hii ni Vimeo video </ div> thumbnail Unaweza autogenerate... </ div> </ div> 
    Mabadiliko ya thamani data-src na kitambulisho cha vimeo yako video
    Je, yawezekana kutumika kwa ajili ya video ambayo si katika Vimeo au YouTube? Mimi na baadhi ya video mwenyeji katika server Ningependa zimeunganishwa na moja kwa moja. Tafadhali napenda kujua ASAP. thx
    Uhakika, ni alifanya hasa kwa ajili ya kucheza binafsi mwenyeji video. YouTube na Vimeo ni baadhi tu ya ziada.
    Je, mimi kupata icons kijamii vyombo vya habari kufanya kazi?
    kuangalia shareCode kuweka kwa ajili ya kazi vGallery
    Je, mimi kufanya video yangu vizuri encoded kutumia ndani ya nyumba hii?

    Unahitaji movie yako kubadilishwa kuwa 2 miundo ili kuhakikisha michezo HTML5 video katika browsers wote

    Browser msaada & ilipendekeza encoding mpango

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

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

    Video DOM muundo

     <Div class = "vplayer" data-maelezo = "Video yangu" data-img = "img / 1.jpg"> <Udhibiti video Upakiaji Mapema> <Chanzo src = "video / myvideo.m4v" /> <Chanzo src = "video / myvideo.ogg" /> <Object aina = "maombi / x-shockwave-flash" data = "preview.swf" width = "550" urefu = "300" id = "flashcontent" style = "muonekano: inayoonekana;"> <Jina param = "movie" thamani = "preview.swf"> <param name = "menu" thamani = "uongo"> <param name = "allowScriptAccess" thamani = "siku zote"> <Param name = thamani "wadogo" = "noscale"> <param name = "allowFullScreen" thamani = "kweli"> <param name = "wmode" thamani = "opaque"> <Param name = "flashvars" thamani = "video = video / myvideo.m4v"> </ Kifaa> </ Video> </ Div> 

    Nina video yangu tayari, jinsi gani mimi kuongeza kuwa whitin nyumba ya sanaa?

    Best njia ya kujifunza kwamba kama wewe si sambamba na html ni kwa mfano. Wazi chanzo / index.html na kuzunguka mstari 122 utaona:

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

    <Udhibiti video Upakiaji Mapema>
    <Chanzo src = "video / test.mp4" aina = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '/>
    <Chanzo src = "video / test.webm" aina = 'video / WebM; codecs = "vp8, Vorbis" '/>
    <Chanzo src = "video / test.ogg" aina = 'video / ogg; codecs = "Theora, Vorbis" '/>
    <Chanzo src = "video / bubbles.m4v" />

    <Object width = "500" urefu = "300">
    <Jina param = "movie" thamani = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" thamani = "kweli"> </ param>
    <Param name = "allowscriptaccess" thamani = "daima"> </ param>
    <Param name = "wmode" thamani = "opaque"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" aina = "maombi / x-shockwave-flash" width = "500" urefu = "300" allowscriptaccess = "daima" allowfullscreen = "kweli" wmode = "opaque">
    </ Kupachika>
    </ Kifaa>
    </ Video>
    </ Div>

    </ Div> <! -END VIDEO Nyumba ya sanaa ->

    Hii inawakilisha video iliyopita katika nyumba ya sanaa, na ni mfano mzuri hivyo hebu Clone kwamba na jina hilo Video 6 badala ya video 5

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

    <Udhibiti video Upakiaji Mapema>
    <Chanzo src = "video / test.mp4" aina = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '/>
    <Chanzo src = "video / test.webm" aina = 'video / WebM; codecs = "vp8, Vorbis" '/>
    <Chanzo src = "video / test.ogg" aina = 'video / ogg; codecs = "Theora, Vorbis" '/>
    <Chanzo src = "video / bubbles.m4v" />

    <Object width = "500" urefu = "300">
    <Jina param = "movie" thamani = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" thamani = "kweli"> </ param>
    <Param name = "allowscriptaccess" thamani = "daima"> </ param>
    <Param name = "wmode" thamani = "opaque"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" aina = "maombi / x-shockwave-flash" width = "500" urefu = "300" allowscriptaccess = "daima" allowfullscreen = "kweli" wmode = "opaque">
    </ Kupachika>
    </ Kifaa>
    </ Video>
    </ Div>
    <Div class = "vplayer" data-maelezo = "<img src =" img / thumb.png 'class =' imgblock '/> Video 6 "data-img =" img / 1.jpg ">

    <Udhibiti video Upakiaji Mapema>
    <Chanzo src = "video / test.mp4" aina = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '/>
    <Chanzo src = "video / test.webm" aina = 'video / WebM; codecs = "vp8, Vorbis" '/>
    <Chanzo src = "video / test.ogg" aina = 'video / ogg; codecs = "Theora, Vorbis" '/>
    <Chanzo src = "video / bubbles.m4v" />

    <Object width = "500" urefu = "300">
    <Jina param = "movie" thamani = "preview.swf? Video = video / advideo.flv"> </ param>
    <Param name = "allowFullScreen" thamani = "kweli"> </ param>
    <Param name = "allowscriptaccess" thamani = "daima"> </ param>
    <Param name = "wmode" thamani = "opaque"> </ param>
    <Embed src = "preview.swf? Video = video / advideo.flv" aina = "maombi / x-shockwave-flash" width = "500" urefu = "300" allowscriptaccess = "daima" allowfullscreen = "kweli" wmode = "opaque">
    </ Kupachika>
    </ Kifaa>
    </ Video>
    </ Div>

    </ Div> <! -END VIDEO Nyumba ya sanaa ->





    FIY, nyumba ya sanaa hii ni iliyoundwa na mwandishi wa bora kuuza, wengi-featured hisa nyumba ya sanaa kwenye mtandao ambayo inapokea updates mara kwa mara (zaidi ya 10 hadi sasa)
    ngozi iPhone iPad Compal skinable minut FlashVars erabIed Mitaa videos7 na moe! envato AftESS Support Forum FASTSI.FPORT

  • Download
    Vipengele vingine katika jamii hiiKila sehemu ya mwandishi huyu
    MaoniMara kwa mara kuulizwa maswali na majibu

    Mali

    Kuundwa:
    3 Septemba 10, Badiliko la Mwisho

    High Azimio:
    Ndiyo, Sambamba Browsers

    Keywords

    eCommerce, Vitu zote, maelezo, flash, flash fallback, flashvars, fullscren, nyumba ya sanaa, michoro, HTML5, yaani, picha, maelezo, localstorage, video, kiasi, xml