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

— ઉમેરો પર WorldWideScripts.net માટે

તારીખ સુધી રહેવા માટે અમારા ફીડ પર સબ્સ્ક્રાઇબ કરો!

નવું! તમે તેને કરવા માંગો છો તરીકે અમને અનુસરો!


HTML5 Blue Video Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Envato AftESS આધાર ફોરમ FASTSI.FPORT

પ્રસ્તાવના

બધા બ્રાઉઝર્સ (પણ IE8) કામ કરે છે, કસ્ટમાઇઝ કરવા માટે, સ્થાપિત કરવા માટે સરળ છે કે જે વિડિઓ ગેલેરી માંગો, YouTube (તાજેતરની ધોરણો (HTML5), વિડિઓ શેરિંગ પ્રદાતાઓ પાસેથી ફીડ કરી શકો છો પણ મલ્ટીમીડિયા આધાર (ઓડિયો / છબીઓ) ધરાવે છે, ઉપર છે / Vimeo)? તો પછી આ તમારી સાઇટ પર તમારા વિડિઓઝ પ્રદર્શન કરવા માટે વિડિઓ ગેલેરી છે.

ગેલેરી તમામ મુખ્ય બ્રાઉઝર્સ પર્યાવરણ કામ કરે છે - ફ્લેશ પતન પાછળ મારફતે એટલે કે સમાવેશ થાય છે. પણ, વિડિઓ ગેલેરી એક વિડિયો inputting દ્વારા, તે વિડિઓ પ્લેયર બની જાય છે.

આ ગેલેરી તાજેતરની HTML5 tehniques ઉપયોગ કરે છે. ઉદાહરણ તરીકે - તે તમે બહાર નીકળવા તમે પહેલાં છેલ્લા વોલ્યુમ યાદ રાખો HTML5 localstorage ઉપયોગ કરે છે અને તમે પાછા આવો ત્યારે તે વોલ્યુમ પાછા સુયોજિત કરે છે. ત્વચા સરળ સીએસએસ મારફતે સુયોજિત કરે છે - જેથી તે સંપૂર્ણપણે ત્વચા-સક્ષમ મૂળભૂત સીએસએસ સાથે છે

સુધારાઓ

અદ્યતન 8.00 [09/22/2014]

  • [ઠીક] અમુક ભૂલો

અદ્યતન 7.50 [04/08/2014]

  • [ઝટકો] હવે વધુ સરળ અનુવાદ
  • [ઝટકો] પૂર્વાવલોકન અપડેટ

સુધારો 7,44 [03/26/2014]

  • [ફિક્સ] બહુવિધ ભૂલો
  • [ઠીક] પૂર્વાવલોકન
  • [ઠીક] subtitle આધાર ઉમેરો

અદ્યતન 6.78 [10/14/2013]

  • [ફિક્સ] બહુવિધ ભૂલો

અદ્યતન 6.10 [10/02/2013]

  • [ઠીક] યુ ટ્યુબ વિડિયો અંત પર ભૂલ, ઓડિયો હજુ રમશે
અદ્યતન 5.11 [10/02/2013]
  • જીવલેણ IE9 / IE10 ભૂલ સુધારાઈ
  • સ્થળાંતર પ્લગઇન વિના jQuery 1.9.1 સાથે કામ કરવા સુધારાશે
અદ્યતન 5.00 [01/10/2013]
  • YouTube વિડિઓઝ માટે ઉમેરાયેલ એચડી બટન
  • મેનુ thumbsandarrows સરકાવવા માટે નવી રીત ઉમેરવામાં (પૂર્વાવલોકન YouTube ચેનલ ડેમો તપાસો)
  • ઉમેરવામાં ત્રણ નવા સ્થિતિઓ - ચક્રાકાર ફેરવવાનું યંત્ર કે, rotator3d અને દિવાલ
  • ગેલેરી અને ખેલાડી માટે સ્કિન્સ હવે સ્વતંત્ર છે
  • ઉમેરી નવા ગેલેરી ત્વચા - nav_transparent - મેનુ વસ્તુઓ ગોળ અને પારદર્શક સંશોધક
  • ખેલાડી માટે ઉમેરાયેલ નવો ભયાનક ત્વચા - ઉષા
  • સુધારાશે દસ્તાવેજીકરણ
  • અન્ય ભૂલો સુધારાઈ
અદ્યતન 4.10 [10/22/2012]
  • સ્થિર પૂર્ણસ્ક્રીન ભૂલો (સફારી, ક્રોમ, ફાયરફોક્સ અને ભવિષ્યમાં સુસંગત બ્રાઉઝર્સ પર સંપૂર્ણપણે કામ કરે છે)
  • ઉમેરવામાં જાહેરાત આધાર - ઇમેજ / YouTube અથવા વિડિઓ જાહેરાત
  • અન્ય ભૂલો સુધારાઈ
સુધારો 4.0 [05/02/2012]
  • કેટલાક ભૂલો સુધારાઈ
  • બદલ્યાં વિડિઓ ગેલેરી અને વિડિઓ પ્લેયર DOM માળખું
  • નવી બફરીંગને બાર ઉમેરવામાં
  • ઉમેરવામાં Vimeo આધાર
  • ઉમેરાયેલ ઓડિયો આધાર
  • ઉમેરવામાં ઇમેજ આધાર
  • ઉમેરવામાં એમ્બેડ કરો બટન
  • ઉમેરવામાં શેર બટન
  • ક્રોમ, સફારી, ફાયરફોક્સ માટે ઉમેરવામાં પ્રત્યક્ષ પૂર્ણસ્ક્રીન
સુધારો 3.0 [02/23/2012]
  • કેટલાક ભૂલો સુધારાઈ
  • પુનર્ગઠન દસ્તાવેજીકરણ
  • બદલ્યાં વિડિઓ ગેલેરી અને વિડિઓ પ્લેયર DOM માળખું

સુધારો 2.0 [07/09/2011]

  • કેટલાક ભૂલો સુધારાઈ
  • આઇપોડ / આઇપેડ / આઇફોન આધાર આપે છે
  • તાજેતરની HTML5 ધોરણો સુધારાશે

લક્ષણો

  • વિડિઓ પર ધ્યાન કેન્દ્રિત - પૂર્ણસ્ક્રીન બટન તમે સમગ્ર બ્રાઉઝર વિન્ડો પર વિડિઓ આનંદ ચાલો
  • HTML5 સંચાલિત - HTML5 વિડિઓ તત્વ અને જાવાસ્ક્રિપ્ટ localStorage આ એક કટીંગ ધાર ગેલેરી બનાવે
  • તમારી પસંદગીઓ યાદ - તમે પાનું બંધ કરો અને પછી તેને ખોલવા જ્યારે આ ખેલાડી તેથી, તમે સુયોજિત કરેલ છેલ્લા વોલ્યુમ સંગ્રહ કરવા માં HTML5 માતાનો LocalStorage વાપરે છે, વોલ્યુમ અધિકાર પાછા તમે તેને છોડી જ્યાં છે
  • IE સહિત તમામ મુખ્ય બ્રાઉઝર્સ સાથે સુસંગત - વિડિઓ ટેગ આધાર આપતા નથી બ્રાઉઝર્સ માટે ફ્લેશ fallback પૂરી પાડે છે તે જુએ છે, જેથી આ ફ્લેશ વિડિઓ પ્લેયર મૂળભૂત એક જેવા જ ત્વચા છે (જો તમે flashvars મારફતે રમવા જે વિડિઓ સ્પષ્ટ કરી શકો છો) બધા પ્લેટફોર્મ પર જ
  • આઇફોન / આઇપેડ સુસંગત - આ ગેલેરી ઑપ્ટિમાઇઝ કરવામાં આવી છે એપલ સંપર્કમાં ઉપકરણો
  • સીએસએસ સ્કિન્સ સંચાલિત - ગેલેરી CSS બે ભાગોમાં વહેંચાયેલું છે - વિધેયાત્મક અને estethic તે તમારા પોતાના ત્વચા બનાવવા માટે ખૂબ જ સરળ છે તેથી

    અસ્કયામતો

    વિડિઓ - http://www.bigbuckbunny.org/

    FAQ

    1 લી વિડિઓ દંડ કામ કરે છે પરંતુ, 2 જી વિડિઓ બધા લોડ નથી
    સૌથી કદાચ તમે પરીક્ષણ કરવામાં આવે છે અને તે જ YouTube વિડિઓ જોડાયેલ છે. તમે 2 સ્થળોએ જ YouTube વિડિઓ હોઈ શકે નહિં.
    હું કેવી રીતે તે માં Vimeo લિંક્સ એમ્બેડ કરો છો?
    માત્ર videogallery કોન અંદર આ માર્કઅપ ઉમેરો
     <Div class = "vplayer-Tobe" માહિતી-videoTitle = 'Vimeo વિડિઓ' ડેટા પ્રકાર = "Vimeo" માહિતી-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage કોમ / 50x50 / 000000 / fff અને લખાણ = અંગૂઠો "વર્ગ =" imgblock "/> <div class =" આ શીર્ષક "> આ એક Vimeo વિડિઓ </ div> થંબનેલ autogenerate શકો છો... </ div> </ છે div> 
    તમારા Vimeo વિડિઓ ID સાથે ડેટા સ્રોત કિંમત બદલો
    આ Vimeo અથવા YouTube નથી કે વિડિઓઝ માટે ઉપયોગ કરી શકાય? હું સીધી લિંક કરવા માંગો છો સર્વર પર હોસ્ટ કેટલાક વિડિઓઝ છે. મને શક્ય એટલું જલદી જણાવો. thx
    ખાતરી કરો કે, તે સ્વ હોસ્ટ વિડિઓઝ રમવા માટે ખાસ બનાવવામાં આવે છે. YouTube અને Vimeo માત્ર એક બોનસ છે.
    હું કેવી રીતે સામાજિક મીડિયા ચિહ્નો કામ કરવા માટે મેળવી શકું?
    આ vGallery કાર્ય માટે shareCode સેટિંગ તપાસો
    હું કેવી રીતે યોગ્ય રીતે આ ગેલેરી અંદર વાપરવા માટે એનકોડ મારી વિડિઓ બનાવી શકું?

    તમે તમારા ફિલ્મ બધા બ્રાઉઝર્સ ખાતરી HTML5 વિડિઓ નાટકો કરવા માટે 2 બંધારણો માટે રૂપાંતરિત કરવાની જરૂર

    બ્રાઉઝર આધાર અને આગ્રહણીય એન્કોડિંગ કાર્યક્રમ

    IE9, IE8 (ફ્લેશ) અને સફારી: એમ 4 વી -> http://handbrake.fr/

    ક્રોમ અને ઓપેરા અને ફાયરફોક્સ: OGG-> http://video.online-convert.com/convert-to-ogg

    વિડિઓ DOM માળખું

     <Div class = "vplayer" માહિતી-વર્ણન = "મારા વિડિઓ" માહિતી-img = "img / 1.jpg"> <વિડીયો નિયંત્રણો પહેલાથી લોડ> <સ્ત્રોત src = "વિડિઓ / myvideo.m4v" /> <સ્ત્રોત src = "વિડિઓ / myvideo.ogg" /> <પદાર્થ પ્રકાર = "એપ્લિકેશન / X-દબાણયુક્ત ફ્લેશ" માહિતી = "preview.swf" width = "550" ઊંચાઈ = "300" id = "flashcontent" શૈલી = "દ્રશ્યતા: દૃશ્યમાન;"> <પરમ name = "ફિલ્મ" કિંમત = "preview.swf"> <પરમ name = "મેનુ" કિંમત = "ખોટા"> <પરમ name = "allowScriptAccess" કિંમત = "હંમેશા"> <પરમ name = "સ્કેલ" કિંમત = "noscale"> <પરમ name = "allowFullScreen" કિંમત = "સાચું"> <પરમ name = "wmode" કિંમત = "અપારદર્શક"> <પરમ name = "flashvars" કિંમત = "વિડિઓ = વિડિઓ / myvideo.m4v"> </ પદાર્થ> </ વીિડયો> </ Div> 

    હું કેવી રીતે હું ગેલેરી whitin ઉમેરી નથી, મારા વિડિઓ તૈયાર છે?

    શ્રેષ્ઠ માર્ગ તમે HTML સાથે સુસંગત ન હોય તો, ઉદાહરણ તરીકે છે કે જાણવા માટે. ઓપન સોર્સ / index.html અને લાઇન 122 આસપાસ તમે જોશો:

    [..]
    <Div class = "vplayer" માહિતી-વર્ણન = "<img src = 'img / thumb.png' class = 'imgblock' /> વીિડયો 5" માહિતી-img = "img / 1.jpg">

    <વિડીયો નિયંત્રણો પહેલાથી લોડ>
    <સ્ત્રોત src = "વિડિઓ / test.mp4" પ્રકાર = 'વિડિઓ / MP4; કોડેક = "avc1.42E01E, mp4a.40.2" />
    <સ્ત્રોત src = "વિડિઓ / test.webm" પ્રકાર = 'વિડિઓ / WebM; કોડેક = "VP8, વોર્બિસ" />
    <સ્ત્રોત src = "વિડિઓ / test.ogg" પ્રકાર = 'વિડિઓ / ઓગ; કોડેક = "Theora, વોર્બિસ" />
    <સ્ત્રોત src = "વિડિઓ / bubbles.m4v" />

    <પદાર્થ પહોળાઈ = "500" ઊંચાઈ = "300">
    <પરમ name = "ફિલ્મ" કિંમત = "preview.swf? વિડિઓ = વિડિઓ / advideo.flv"> </ પરમ>
    <પરમ name = "allowFullScreen" કિંમત = "સાચું"> </ પરમ>
    <પરમ name = "allowscriptaccess" કિંમત = "હંમેશા"> </ પરમ>
    <પરમ name = "wmode" કિંમત = "અપારદર્શક"> </ પરમ>
    <એમ્બેડ src = "preview.swf? વિડિઓ = વિડિઓ / advideo.flv" પ્રકાર = "અરજી / X-દબાણયુક્ત ફ્લેશ" પહોળાઈ = "500" ઊંચાઈ = "300" allowscriptaccess = "હંમેશા" allowfullscreen = "સાચું" wmode = > "અપારદર્શક"
    </ એમ્બેડ કરો>
    </ પદાર્થ>
    </ વીિડયો>
    </ Div>

    </ Div> <! -END વિડિઓ ગેલેરી ->

    આ ગેલેરીમાં છેલ્લા વિડિઓ રજૂ કરે છે, અને તે એક સારું ઉદાહરણ જેથી વિડિઓ 6 બદલે વિડિઓ 5 કે ક્લોન છે અને તેનું નામ ચાલો

    [..]
    <Div class = "vplayer" માહિતી-વર્ણન = "<img src = 'img / thumb.png' class = 'imgblock' /> વીિડયો 5" માહિતી-img = "img / 1.jpg">

    <વિડીયો નિયંત્રણો પહેલાથી લોડ>
    <સ્ત્રોત src = "વિડિઓ / test.mp4" પ્રકાર = 'વિડિઓ / MP4; કોડેક = "avc1.42E01E, mp4a.40.2" />
    <સ્ત્રોત src = "વિડિઓ / test.webm" પ્રકાર = 'વિડિઓ / WebM; કોડેક = "VP8, વોર્બિસ" />
    <સ્ત્રોત src = "વિડિઓ / test.ogg" પ્રકાર = 'વિડિઓ / ઓગ; કોડેક = "Theora, વોર્બિસ" />
    <સ્ત્રોત src = "વિડિઓ / bubbles.m4v" />

    <પદાર્થ પહોળાઈ = "500" ઊંચાઈ = "300">
    <પરમ name = "ફિલ્મ" કિંમત = "preview.swf? વિડિઓ = વિડિઓ / advideo.flv"> </ પરમ>
    <પરમ name = "allowFullScreen" કિંમત = "સાચું"> </ પરમ>
    <પરમ name = "allowscriptaccess" કિંમત = "હંમેશા"> </ પરમ>
    <પરમ name = "wmode" કિંમત = "અપારદર્શક"> </ પરમ>
    <એમ્બેડ src = "preview.swf? વિડિઓ = વિડિઓ / advideo.flv" પ્રકાર = "અરજી / X-દબાણયુક્ત ફ્લેશ" પહોળાઈ = "500" ઊંચાઈ = "300" allowscriptaccess = "હંમેશા" allowfullscreen = "સાચું" wmode = > "અપારદર્શક"
    </ એમ્બેડ કરો>
    </ પદાર્થ>
    </ વીિડયો>
    </ Div>
    <Div class = "vplayer" માહિતી-વર્ણન = "<img src = 'img / thumb.png' class = 'imgblock' /> વીિડયો 6" માહિતી-img = "img / 1.jpg">

    <વિડીયો નિયંત્રણો પહેલાથી લોડ>
    <સ્ત્રોત src = "વિડિઓ / test.mp4" પ્રકાર = 'વિડિઓ / MP4; કોડેક = "avc1.42E01E, mp4a.40.2" />
    <સ્ત્રોત src = "વિડિઓ / test.webm" પ્રકાર = 'વિડિઓ / WebM; કોડેક = "VP8, વોર્બિસ" />
    <સ્ત્રોત src = "વિડિઓ / test.ogg" પ્રકાર = 'વિડિઓ / ઓગ; કોડેક = "Theora, વોર્બિસ" />
    <સ્ત્રોત src = "વિડિઓ / bubbles.m4v" />

    <પદાર્થ પહોળાઈ = "500" ઊંચાઈ = "300">
    <પરમ name = "ફિલ્મ" કિંમત = "preview.swf? વિડિઓ = વિડિઓ / advideo.flv"> </ પરમ>
    <પરમ name = "allowFullScreen" કિંમત = "સાચું"> </ પરમ>
    <પરમ name = "allowscriptaccess" કિંમત = "હંમેશા"> </ પરમ>
    <પરમ name = "wmode" કિંમત = "અપારદર્શક"> </ પરમ>
    <એમ્બેડ src = "preview.swf? વિડિઓ = વિડિઓ / advideo.flv" પ્રકાર = "અરજી / X-દબાણયુક્ત ફ્લેશ" પહોળાઈ = "500" ઊંચાઈ = "300" allowscriptaccess = "હંમેશા" allowfullscreen = "સાચું" wmode = > "અપારદર્શક"
    </ એમ્બેડ કરો>
    </ પદાર્થ>
    </ વીિડયો>
    </ Div>

    </ Div> <! -END વિડિઓ ગેલેરી ->





    FIY, આ ગેલેરી બેસ્ટ સેલિંગ લેખક દ્વારા બનાવવામાં આવે છે, ઇન્ટરનેટ પર સૌથી વધુ સુવિધાયુક્ત સ્ટોક ગેલેરી સતત સુધારાઓ મેળવે છે (10 પછી વધુ અત્યાર સુધી)
    સ્કિન્સ આઇફોન આઈપેડ Compal skinable minut flashvars સ્થાનિક videos7 અને મો erabIed! Envato AftESS આધાર ફોરમ FASTSI.FPORT

  • ડાઉનલોડ કરો
    આ શ્રેણી માં અન્ય ઘટકોઆ લેખક બધા ઘટકો
    ટિપ્પણીઓવારંવાર પૂછાતા પ્રશ્નો અને જવાબો પૂછવામાં

    ગુણધર્મો

    :
    3 સપ્ટેમ્બર 10 બનાવનાર

    છેલ્લા સુધારાની તારીખ:
    22 સપ્ટેમ્બર 14

    હાઇ ઠરાવ:
    હા

    સુસંગત બ્રાઉઝર્સ:
    આઇ 7, IE8, IE9, IE10, IE11, ફાયરફોક્સ, સફારી, ઓપેરા, Chrome ને

    ફાઈલો:
    જાવાસ્ક્રિપ્ટ જેએસ, એચટીએમએલ, સીએસએસ, એસડબલ્યુએફ સમાવાયેલ / એફએલવી

    સોફ્ટવેર આવૃત્તિ:
    HTML5

    કીવર્ડ્સ

    ઈકોમર્સ, બધા વસ્તુઓ, વર્ણન, ફ્લેશ, ફ્લેશ fallback, flashvars, fullscren, ગેલેરી, ગ્રાફિક્સ, HTML5, એટલે કે, છબીઓ, માહિતી, localStorage, વિડિઓ, વોલ્યુમ, XML