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) में काम करता है, अनुकूलित करने के लिए, स्थापित करने के लिए आसान है कि एक वीडियो गैलरी चाहते हैं, यूट्यूब (नवीनतम मानकों (एचटीएमएल 5), वीडियो साझा प्रदाताओं से खिला सकते हैं भी मल्टीमीडिया समर्थन (ऑडियो / चित्र) है, पर निर्भर है / Vimeo)? तो यह आपकी साइट पर अपना वीडियो प्रदर्शित करने के लिए वीडियो गैलरी है।

गैलरी सभी प्रमुख ब्राउज़रों वातावरण में काम करता है - फ्लैश गिरावट के पीछे के माध्यम से अर्थात् सहित। इसके अलावा, वीडियो गैलरी में एक वीडियो inputting द्वारा, यह एक वीडियो प्लेयर बन जाता है।

इस गैलरी नवीनतम HTML5 tehniques का उपयोग करता है। उदाहरण के लिए - यह आप बाहर निकलने से पहले आप था पिछले मात्रा याद करने के लिए एचटीएमएल 5 LocalStorage का उपयोग करता है और जब आप वापस आ वॉल्यूम वापस सेट। त्वचा सरल सीएसएस के माध्यम से सेटअप है - तो यह पूरी तरह से त्वचा में सक्षम बुनियादी सीएसएस के साथ है

अपडेट

अद्यतन 8.00 [2014/09/22]

  • [निदान] कुछ कीड़े

अद्यतन 7.50 [2014/04/08]

  • [TWEAK] अब ज्यादा निर्बाध संक्रमण
  • [TWEAK] पूर्वावलोकन अद्यतन

अद्यतन 7.44 [2014/03/26]

  • [निदान] कई कीड़े
  • [निदान] पूर्वावलोकन
  • [निदान] उपशीर्षक समर्थन जोड़ने

अद्यतन 6.78 [2013/10/14]

  • [निदान] कई कीड़े

अद्यतन 6.10 [2013/10/02]

  • [तय] यूट्यूब वीडियो के समाप्त होने पर बग, ऑडियो अभी भी खेलना होगा
अद्यतन 5.11 [2013/10/02]
  • एक घातक IE9 / IE10 बग तय
  • माइग्रेट प्लगइन के बिना jQuery 1.9.1 के साथ काम करने के लिए अद्यतन
अद्यतन 5.00 [2013/01/10]
  • यूट्यूब वीडियो के लिए जोड़ा HD बटन
  • मेनू thumbsandarrows स्क्रॉल करने के लिए नए तरीके से जोड़ा (पूर्वावलोकन में यूट्यूब चैनल डेमो जांच)
  • जोड़ा तीन नए मोड - रोटेटर, rotator3d और दीवार
  • गैलरी और खिलाड़ी के लिए खाल अब स्वतंत्र हैं
  • जोड़ा नई गैलरी त्वचा - nav_transparent - मेनू आइटम परिपत्र और पारदर्शी नेविगेशन
  • खिलाड़ी के लिए जोड़े गए नए भयानक त्वचा - अरोड़ा
  • अद्यतन प्रलेखन
  • अन्य कीड़े तय
अद्यतन 4.10 [2012/10/22]
  • निश्चित फुलस्क्रीन कीड़े (सफारी, क्रोम, फायरफॉक्स और भविष्य शिकायत ब्राउज़र पर पूरी तरह से काम करता है)
  • जोड़ा विज्ञापन समर्थन - छवि / यूट्यूब या वीडियो विज्ञापन
  • अन्य कीड़े तय
अद्यतन 4.0 [2012/05/02]
  • कुछ कीड़े तय
  • बदले हुए वीडियो गैलरी और वीडियो प्लेयर डोम संरचना
  • एक नए बफरिंग बार जोड़ा
  • जोड़ा Vimeo समर्थन
  • जोड़ा ऑडियो समर्थन
  • जोड़ा छवि का समर्थन
  • जोड़ा एम्बेड बटन
  • जोड़ा शेयर बटन
  • क्रोम, सफारी, Firefox के लिए जोड़ा असली फुलस्क्रीन
अद्यतन 3.0 [2012/02/23]
  • कुछ कीड़े तय
  • पुनर्गठन के दस्तावेज़
  • बदले हुए वीडियो गैलरी और वीडियो प्लेयर डोम संरचना

अद्यतन 2.0 [2011/07/09]

  • कुछ कीड़े तय
  • आइपॉड / iPad / iPhone का समर्थन करता है
  • नवीनतम HTML5 मानकों करने के लिए अद्यतन

विशेषताएं

  • वीडियो पर ध्यान केंद्रित - फुल स्क्रीन बटन आप पूरे ब्राउज़र विंडो पर वीडियो का आनंद चलो
  • एचटीएमएल 5 संचालित - एचटीएमएल 5 वीडियो तत्व & JavaScript localStorage इस एक अत्याधुनिक गैलरी बनाता है
  • अपनी वरीयताओं को याद करते हैं - आप पेज को बंद करने और बाद में इसे खोलते हैं, तो इस खिलाड़ी ऐसा है, तो आप निर्धारित किया है जो पिछले मात्रा में स्टोर करने के क्रम में एचटीएमएल 5 के LocalStorage का उपयोग करता है, मात्रा सही वापस तुम इसे छोड़ दिया है, जहां
  • अर्थात् सहित सभी प्रमुख ब्राउज़रों के साथ संगत - वीडियो टैग का समर्थन नहीं करते कि ब्राउज़र के लिए फ़्लैश फ़ॉलबैक प्रदान करता है तो ऐसा लगता है फ्लैश वीडियो प्लेयर डिफ़ॉल्ट रूप में एक ही त्वचा है (यदि आप flashvars के माध्यम से खेलने के लिए जो वीडियो निर्दिष्ट कर सकते हैं) सभी प्लेटफार्मों पर एक ही
  • iPhone / iPad संगत - इस गैलरी अनुकूलित किया गया है एप्पल टच डिवाइस
  • सीएसएस खाल संचालित - गैलरी सीएसएस दो भागों में बांटा गया है - कार्यात्मक और estethic यह अपनी त्वचा बनाने के लिए बहुत आसान है

    संपत्ति

    वीडियो से - http://www.bigbuckbunny.org/

    सामान्य प्रश्न

    1 वीडियो ठीक काम करता है लेकिन, 2 वीडियो बिल्कुल भी लोड नहीं करता है
    सबसे शायद आप परीक्षण कर रहे हैं और एक ही यूट्यूब वीडियो संलग्न है। तुम 2 स्थानों में एक ही यूट्यूब वीडियो नहीं हो सकता।
    कैसे मैं इस बारे में Vimeo लिंक एम्बेड करते हैं?
    बस videogallery कांग्रेस के अंदर इस मार्कअप जोड़ने
     <Div class = "vplayer-होने वाले" डेटा-videoTitle = 'vimeo के वीडियो' डेटा प्रकार = "Vimeo" डेटा-src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage कॉम / 50x50 / 000000 / FFF और पाठ = अंगूठे "वर्ग =" imgblock "/> <div class =" शीर्षक "> यह एक Vimeo वीडियो </ div> थंबनेल autogenerate कर सकते हैं... </ div> </ है div> 
    अपने Vimeo वीडियो की आईडी के साथ डेटा-स्रोत मान बदलें
    इस Vimeo या यूट्यूब में नहीं हैं वीडियो के लिए इस्तेमाल किया जा सकता है? मुझे लगता है मैं सीधे करने के लिए लिंक करना चाहते हैं एक सर्वर पर होस्ट की कुछ वीडियो है। कृपया मुझे जितना जल्द संभव हो बताएं। धन्यवाद
    बेशक, यह स्वयं की मेजबानी की वीडियो खेलने के लिए विशेष रूप से बनाया गया है। यूट्यूब और vimeo सिर्फ एक बोनस रहे हैं।
    मैं कैसे सामाजिक मीडिया icons काम करने के लिए मिलता है?
    vGallery समारोह के लिए shareCode सेटिंग की जाँच
    मैं कैसे ठीक से इस गैलरी के भीतर का उपयोग करने के लिए इनकोडिंग मेरे वीडियो बनाते हैं?

    आप अपनी फिल्म सभी ब्राउज़रों में यकीन है कि एचटीएमएल 5 वीडियो नाटकों बनाने के क्रम में 2 स्वरूप को बदल जरूरत

    ब्राउज़र समर्थन और सिफारिश की एन्कोडिंग कार्यक्रम

    IE9, IE8 (फ्लैश) और सफारी: M4V -> http://handbrake.fr/

    क्रोम और ओपेरा और फ़ायरफ़ॉक्स: OGG-> http://video.online-convert.com/convert-to-ogg

    वीडियो डोम संरचना

     <Div class = "vplayer" डेटा-वर्णन = "मेरे वीडियो" डेटा-आइएमजी = "आइएमजी / 1.jpg"> <वीडियो नियंत्रण प्रीलोड> <स्रोत src = "वीडियो / myvideo.m4v" /> <स्रोत src = "वीडियो / myvideo.ogg" /> <ऑब्जेक्ट प्रकार = "अनुप्रयोग / x-Shockwave फ़्लैश" डेटा = "preview.swf" चौड़ाई = "550" ऊंचाई = "300" आईडी = "flashcontent" शैली = "दृश्यता: दर्शनीय;"> <परम नाम = "फिल्म" मूल्य = "preview.swf"> <परम नाम = "मेनू" मूल्य = "झूठे"> <परम नाम = "allowScriptAccess" मूल्य = "हमेशा"> <परम नाम = "पैमाने" मूल्य = "noscale"> <परम नाम = "allowFullScreen" मूल्य = "सच"> <परम नाम = "wmode" मूल्य = "अपारदर्शी"> <परम नाम = "flashvars" मूल्य = "वीडियो = वीडियो / myvideo.m4v"> </ वस्तु> </ वीडियो> </ Div> 

    मैं कैसे मैं गैलरी WHITIN यह जोड़ कर, अपने वीडियो के लिए तैयार है?

    सबसे अच्छा तरीका है कि आप HTML के साथ संगत नहीं हैं, तो उदाहरण के द्वारा होता है कि सीखने के लिए। ओपन सोर्स / सूचकांक और रेखा 122 के आसपास आप देखेंगे:

    [..]
    <Div class = "vplayer" डेटा-वर्णन = "<img src = 'आइएमजी / thumb.png' वर्ग = 'imgblock' /> वीडियो 5" डेटा-आइएमजी = "आइएमजी / 1.jpg">

    <वीडियो नियंत्रण प्रीलोड>
    <स्रोत src = "वीडियो / test.mp4" प्रकार = 'वीडियो / MP4; codecs के = "avc1.42E01E, mp4a.40.2" '/>
    <स्रोत src = "वीडियो / test.webm" प्रकार = 'वीडियो / WebM; codecs के = "VP8, Vorbis" '/>
    <स्रोत src = "वीडियो / test.ogg" प्रकार = 'वीडियो / OGG; codecs के = "Theora, Vorbis" '/>
    <स्रोत src = "वीडियो / bubbles.m4v" />

    <वस्तु चौड़ाई = "500" ऊंचाई = "300">
    <परम नाम = "फिल्म" मूल्य = "preview.swf? वीडियो = वीडियो / advideo.flv"> </ परम>
    <परम नाम = "allowFullScreen" मूल्य = "सच"> </ परम>
    <परम नाम = "allowscriptaccess" मूल्य = "हमेशा"> </ परम>
    <परम नाम = "wmode" मूल्य = "अपारदर्शी"> </ परम>
    <एम्बेड src = "preview.swf? वीडियो = वीडियो / advideo.flv" प्रकार = "अनुप्रयोग / x-Shockwave फ़्लैश" चौड़ाई = "500" ऊंचाई = "300" allowscriptaccess = "हमेशा" allowfullscreen = "सच" wmode = > "अपारदर्शी"
    </ एम्बेड>
    </ वस्तु>
    </ वीडियो>
    </ Div>

    </ Div> <! -END वीडियो गैलरी ->

    इस गैलरी में पिछले वीडियो का प्रतिनिधित्व करता है, और यह एक अच्छा उदाहरण है तो चलो वीडियो 6 के बजाय वीडियो 5 कि क्लोन और यह नाम है चलो

    [..]
    <Div class = "vplayer" डेटा-वर्णन = "<img src = 'आइएमजी / thumb.png' वर्ग = 'imgblock' /> वीडियो 5" डेटा-आइएमजी = "आइएमजी / 1.jpg">

    <वीडियो नियंत्रण प्रीलोड>
    <स्रोत src = "वीडियो / test.mp4" प्रकार = 'वीडियो / MP4; codecs के = "avc1.42E01E, mp4a.40.2" '/>
    <स्रोत src = "वीडियो / test.webm" प्रकार = 'वीडियो / WebM; codecs के = "VP8, Vorbis" '/>
    <स्रोत src = "वीडियो / test.ogg" प्रकार = 'वीडियो / OGG; codecs के = "Theora, Vorbis" '/>
    <स्रोत src = "वीडियो / bubbles.m4v" />

    <वस्तु चौड़ाई = "500" ऊंचाई = "300">
    <परम नाम = "फिल्म" मूल्य = "preview.swf? वीडियो = वीडियो / advideo.flv"> </ परम>
    <परम नाम = "allowFullScreen" मूल्य = "सच"> </ परम>
    <परम नाम = "allowscriptaccess" मूल्य = "हमेशा"> </ परम>
    <परम नाम = "wmode" मूल्य = "अपारदर्शी"> </ परम>
    <एम्बेड src = "preview.swf? वीडियो = वीडियो / advideo.flv" प्रकार = "अनुप्रयोग / x-Shockwave फ़्लैश" चौड़ाई = "500" ऊंचाई = "300" allowscriptaccess = "हमेशा" allowfullscreen = "सच" wmode = > "अपारदर्शी"
    </ एम्बेड>
    </ वस्तु>
    </ वीडियो>
    </ Div>
    <Div class = "vplayer" डेटा-वर्णन = "<img src = 'आइएमजी / thumb.png' वर्ग = 'imgblock' /> वीडियो 6" डेटा-आइएमजी = "आइएमजी / 1.jpg">

    <वीडियो नियंत्रण प्रीलोड>
    <स्रोत src = "वीडियो / test.mp4" प्रकार = 'वीडियो / MP4; codecs के = "avc1.42E01E, mp4a.40.2" '/>
    <स्रोत src = "वीडियो / test.webm" प्रकार = 'वीडियो / WebM; codecs के = "VP8, Vorbis" '/>
    <स्रोत src = "वीडियो / test.ogg" प्रकार = 'वीडियो / OGG; codecs के = "Theora, Vorbis" '/>
    <स्रोत src = "वीडियो / bubbles.m4v" />

    <वस्तु चौड़ाई = "500" ऊंचाई = "300">
    <परम नाम = "फिल्म" मूल्य = "preview.swf? वीडियो = वीडियो / advideo.flv"> </ परम>
    <परम नाम = "allowFullScreen" मूल्य = "सच"> </ परम>
    <परम नाम = "allowscriptaccess" मूल्य = "हमेशा"> </ परम>
    <परम नाम = "wmode" मूल्य = "अपारदर्शी"> </ परम>
    <एम्बेड src = "preview.swf? वीडियो = वीडियो / advideo.flv" प्रकार = "अनुप्रयोग / x-Shockwave फ़्लैश" चौड़ाई = "500" ऊंचाई = "300" allowscriptaccess = "हमेशा" allowfullscreen = "सच" wmode = > "अपारदर्शी"
    </ एम्बेड>
    </ वस्तु>
    </ वीडियो>
    </ Div>

    </ Div> <! -END वीडियो गैलरी ->





    FIY, इस गैलरी सर्वश्रेष्ठ बिक्री के लेखक द्वारा बनाई गई है, इंटरनेट पर सबसे अधिक विशेष रुप से शेयर गैलरी निरंतर अद्यतन प्राप्त करता है जो (10 अधिक है तो अब तक)
    खाल iPhone iPad COMPAL skinable minut flashvars स्थानीय videos7 और मो erabIed! Envato AftESS समर्थन मंच FASTSI.FPORT

  • डाउनलोड करें
    इस श्रेणी में अन्य घटकोंइस लेखक के सभी घटकों
    टिप्पणियाँअक्सर पूछे जाने वाले सवाल और जवाब पूछा

    गुण

    :
    3 सितम्बर 10 बनाया, अंतिम अद्यतन

    कीवर्ड

    ईकामर्स, सभी आइटम, विवरण, फ्लैश, फ्लैश फ़ॉलबैक, flashvars, fullscren, गैलरी, ग्राफिक्स, एचटीएमएल 5, यानी, छवियों, जानकारी, localstorage, वीडियो, मात्रा, एक्सएमएल