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)? అప్పుడు ఈ మీ సైట్ లో మీ వీడియోలను ప్రదర్శించడానికి వీడియో గ్యాలరీ ఉంది.

గ్యాలరీ అన్ని ప్రధాన బ్రౌజర్లు వాతావరణంలో పనిచేస్తుంది - ఫ్లాష్ ప్రేమలో తిరిగి IE ద్వారా సహా. కూడా, వీడియో గ్యాలరీ లో ఒక వీడియో ఇవ్వడం ద్వారా అది ఒక వీడియో ప్లేయర్ అవుతుంది.

ఈ గ్యాలరీ తాజా HTML5 tehniques ఉపయోగిస్తుంది. ఉదాహరణకు - మీరు నిష్క్రమించడానికి ముందు మీరు కలిగి గత వాల్యూమ్ గుర్తు HTML5 LocalStorage ఉపయోగిస్తుంది మరియు మీరు తిరిగి వచ్చినప్పుడు ఆ వాల్యూమ్ తిరిగి అమర్చుతుంది. చర్మం సాధారణ CSS ద్వారా ఏర్పాటు - కాబట్టి ఇది పూర్తిగా చర్మ సామర్థ్యం ప్రాథమిక CSS తో వార్తలు

నవీకరణలు

UPDATE 8.00 [09/22/2014]

  • [పరిష్కరించండి] కొన్ని తప్పులు

UPDATE 7.50 [04/08/2014]

  • [సర్దుబాటు] ఇప్పుడు చాలా సున్నితమైన మార్పులు
  • [సర్దుబాటు] ప్రివ్యూ నవీకరణ

UPDATE 7,44 [03/26/2014]

  • [పరిష్కరించండి] అనేక దోషాలు
  • [పరిష్కరించండి] ప్రివ్యూ
  • [పరిష్కరించండి] ఉపశీర్షిక మద్దతు జోడించండి

UPDATE 6.78 [10/14/2013]

  • [పరిష్కరించండి] అనేక దోషాలు

UPDATE 6.10 [10/02/2013]

  • [పరిష్కరించడానికి] యూట్యూబ్ వీడియో ముగుస్తోంది వద్ద బగ్, ఆడియో ఇప్పటికీ ఆడేవారు
UPDATE 5.11 [10/02/2013]
  • ఫాటల్ IE9 / IE10 బగ్ పరిష్కరించబడింది
  • మైగ్రేట్ ప్లగిన్ లేకుండా j క్వెరీ 1.9.1 తో పని నవీకరించబడింది
UPDATE 5.00 [01/10/2013]
  • YouTube వీడియోలను HD బటన్
  • మెను thumbsandarrows స్క్రోల్ కొత్త మార్గం జోడించారు (ప్రివ్యూ YouTube ఛానల్ డెమో తనిఖీ)
  • జోడించారు మూడు కొత్త రీతులు - రోటేటర్, rotator3d మరియు గోడ
  • గ్యాలరీ మరియు క్రీడాకారుడు తొక్కలు ఇప్పుడు స్వతంత్ర
  • కొత్త గ్యాలరీ చర్మం - nav_transparent - మెను అంశాలు వృత్తాకార మరియు పారదర్శక నావిగేషన్
  • ప్లేయర్ కోసం కొత్త సంభ్రమాన్నికలిగించే చర్మం - అరోరా
  • నవీకరించబడింది డాక్యుమెంటేషన్
  • ఇతర దోషాలు పరిష్కరించబడ్డాయి
UPDATE 4.10 [10/22/2012]
  • స్థిర పూర్తి స్క్రీన్ దోషాలు (సఫారి, క్రోమ్, ఫైర్ఫాక్స్ మరియు భవిష్యత్తు కంప్లెయింట్ బ్రౌజర్లలో సంపూర్ణ పనిచేస్తుంది)
  • జోడించారు ప్రకటన మద్దతు - చిత్రం / youtube లేదా వీడియో ప్రకటన
  • ఇతర దోషాలు పరిష్కరించబడ్డాయి
UPDATE 4.0 [05/02/2012]
  • కొన్ని దోషాలను సరిచేయడానికి
  • మారిన వీడియో గ్యాలరీ మరియు వీడియో ప్లేయర్ DOM నిర్మాణం
  • ఒక కొత్త బఫరింగ్ బార్ జోడించారు
  • జోడించారు Vimeo మద్దతు
  • చేర్చబడింది ఆడియో మద్దతు
  • జోడించారు చిత్రం మద్దతు
  • జోడించారు పొందుపరిచిన బటన్
  • జోడించిన వాటా బటన్
  • Chrome, Safari, Firefox కోసం జోడించారు నిజ పూర్తి తెర
UPDATE 3.0 [02/23/2012]
  • కొన్ని దోషాలను సరిచేయడానికి
  • పునర్వ్యవస్థీకరించారు డాక్యుమెంటేషన్
  • మారిన వీడియో గ్యాలరీ మరియు వీడియో ప్లేయర్ DOM నిర్మాణం

UPDATE 2.0 [07/09/2011]

  • కొన్ని దోషాలను సరిచేయడానికి
  • ఐప్యాడ్ / ఐప్యాడ్ / ఐఫోన్ మద్దతు
  • తాజా HTML5 ప్రమాణాలకు నవీకరించబడింది

ఫీచర్స్

  • వీడియో దృష్టి - తెర బటన్ మొత్తం బ్రౌజర్ విండో లో వీడియో ఆనందించండి లెట్ యొక్క
  • HTML5 ఆధారిత - HTML5 వీడియో మూలకం & జావాస్క్రిప్ట్ localStorage ఈ ఒక అత్యాధునికమైన గ్యాలరీ చేస్తుంది
  • మీ ప్రాధాన్యతలను గుర్తు - మీరు పేజీ మూసివేసి తరువాత తెరిచినప్పుడు ఈ ఆటగాడు, కాబట్టి మీరు సెట్ చేసిన గత వాల్యూమ్ నిల్వ చేయడానికి HTML5 యొక్క LocalStorage ఉపయోగిస్తుంది, వాల్యూమ్ మళ్లీ మీరు చోటు ఉంది
  • IE సహా అన్ని ప్రధాన బ్రౌజర్లు, అనుకూలంగా - వీడియో ట్యాగ్ మద్దతు ఇవ్వని బ్రౌజర్ల కోసం ఫ్లాష్ తిరిగి అందిస్తుంది కనిపిస్తోంది కాబట్టి ఫ్లాష్ వీడియో ప్లేయర్ డిఫాల్ట్ అదే చర్మం (మీరు flashvars ద్వారా ఆడటానికి వీడియో పేర్కొనవచ్చు) అన్ని వేదికలపై అదే
  • ఐఫోన్ / ఐప్యాడ్ అనుకూలంగా - ఈ గ్యాలరీ ఆప్టిమైజ్ చేయబడింది ఆపిల్ టచ్ పరికరాలు
  • CSS తొక్కలు శక్తితో - గ్యాలరీ css రెండు భాగాలుగా విభజించబడింది - క్రియాత్మక మరియు estethic ఇది మీ సొంత చర్మం చేయడానికి చాలా సులభం కనుక

    ఆస్తులు

    వీడియో - http://www.bigbuckbunny.org/

    FAQ

    1st వీడియో జరిమానా పనిచేస్తుంది కానీ, 2 వ వీడియో వద్ద అన్ని లోడ్ లేదు
    అత్యంత బహుశా మీరు పరీక్షిస్తున్నాయి మరియు అదే youtube వీడియో జోడించాను. మీరు 2 ప్రదేశాల్లో అదే youtube వీడియో ఉండకూడదు.
    ఎలా నేను లోకి Vimeo లింకులు పొందుపరచడానికి లేదు?
    కేవలం videogallery కాన్ లోపల ఈ మార్కప్ జోడించండి
     <Div class = "Vplayer-టోబే" డేటా videoTitle = 'Vimeo వీడియో' డేటా రకం = "Vimeo" డేటా src = "31539657"> <div class = "menuDescription"> <img src = "http: // dummyimage.com / 50x50 / 000000 / మమ్మల్ని & టెక్స్ట్ = thumb "తరగతి =" imgblock "/> <div class =" శీర్షిక "> ఈ ఒక Vimeo వీడియో </ div> సూక్ష్మచిత్రం autogenerate చేయవచ్చు... </ div> </ ఉంది div> 
    మీ Vimeo వీడియో ఐడితో డేటా src విలువ మార్చండి
    ఈ Vimeo లేదా YouTube లో వీడియోల కోసం ఉపయోగించవచ్చు? నేను నేరుగా లింకు చేర్చదలచిన సర్వర్లో హోస్ట్ కొన్ని వీడియోలు ఉన్నాయి. నాకు త్వరలోనే తెలపండి. ధన్యవాదాలు
    ఖచ్చితంగా, అది స్వీయ హోస్ట్ వీడియోలను ప్లే కోసం ప్రత్యేకంగా తయారు చేసిన. YouTube మరియు Vimeo కేవలం ఒక బోనస్ ఉంటాయి.
    ఎలా నేను సోషల్ మీడియా చిహ్నాలు పని వస్తుందా?
    vGallery ఫంక్షన్ కోసం shareCode సెట్టింగ్ తనిఖీ
    నేను ఎలా సరిగ్గా ఈ గ్యాలరీ లోపల ఉపయోగించడానికి ఎన్కోడ్ నా వీడియో తయారు చెయ్యాలి?

    మీరు మీ మూవీని అన్ని బ్రౌజర్లలో ఖచ్చితంగా HTML5 వీడియో నాటకాలు చేయడానికి 2 ఫార్మాట్లలో మార్చబడతాయి అవసరం

    బ్రౌజర్ మద్దతు & సిఫార్సు ఎన్కోడింగ్ కార్యక్రమం

    IE9, IE8 (ఫ్లాష్) & సఫారి: M4V -> http://handbrake.fr/

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

    వీడియో DOM నిర్మాణం

     <Div class = "Vplayer" డేటా వివరణ = "నా వీడియో" డేటా img = "img / 1.jpg"> <వీడియో నియంత్రణలు ప్రీలోడ్> <మూలం src = "వీడియో / myvideo.m4v" /> <మూలం src = "వీడియో / myvideo.ogg" /> <ఆబ్జెక్ట్ రకం = "application / x-షాక్వేవ్-ఫ్లాష్" data = "preview.swf" width = "550" height = "300" id = "flashcontent" శైలి = "ప్రత్యక్షత: కనిపించే;"> <పరమ name = "చిత్రం" విలువ = "preview.swf"> <పరమ name = "మెను" విలువ = "తప్పుడు"> <పరమ name = "allowScriptAccess" విలువ = "ఎల్లప్పుడూ"> <పరమ్ పేరు = "స్థాయి" విలువ = "noscale"> <పరమ name = "allowFullScreen" విలువ = "true"> <పరమ name = "wmode" విలువ = "అపారదర్శక"> <పరమ name = "flashvars" విలువ = "వీడియో = వీడియో / myvideo.m4v"> </ Object> </ వీడియో> </ Div> 

    నేను ఎలా నేను గ్యాలరీ whitin జోడించి లేదు, నా వీడియో సిద్ధంగా ఉందా?

    ఉత్తమ మార్గం మీరు html స్థిరంగా లేకుంటే ఉదాహరణ ద్వారా అని తెలుసుకోవడానికి. ఓపెన్ సోర్స్ / index.html మరియు లైన్ 122 చుట్టూ మీరు చూస్తారు:

    [..]
    <Div class = "Vplayer" డేటా వివరణ = "<img src = 'img / thumb.png' తరగతి = 'imgblock' /> వీడియో 5" డేటా img = "img / 1.jpg">

    <వీడియో నియంత్రణలు ప్రీలోడ్>
    <మూలం src = "వీడియో / test.mp4" type = 'వీడియో / MP4; కోడెక్లు = "avc1.42E01E, mp4a.40.2" '/>
    <మూలం src = "వీడియో / test.webm" type = 'వీడియో / webm; కోడెక్లు = "VP8, వోర్బిస్" '/>
    <మూలం src = "వీడియో / test.ogg" type = 'వీడియో / ఓగ్; కోడెక్లు = "థియోరా, వోర్బిస్" '/>
    <మూలం src = "వీడియో / bubbles.m4v" />

    <Object width = "500" height = "300">
    <పరమ name = "చిత్రం" విలువ = "preview.swf? వీడియో = వీడియో / advideo.flv"> </ పరమ>
    <పరమ name = "allowFullScreen" విలువ = "true"> </ పరమ>
    <పరమ name = "allowscriptaccess" విలువ = "ఎల్లప్పుడూ"> </ పరమ>
    <పరమ name = "wmode" విలువ = "అపారదర్శక"> </ పరమ>
    <Embed src = "preview.swf? వీడియో = వీడియో / advideo.flv" type = "application / x-షాక్వేవ్-ఫ్లాష్" width = "500" height = "300" allowscriptaccess = "ఎల్లప్పుడూ" allowfullscreen = "true" wmode = > "అపారదర్శక"
    </ Embed>
    </ Object>
    </ వీడియో>
    </ Div>

    </ Div> <! -END వీడియో గ్యాలరీ ->

    ఈ గ్యాలరీలో గత వీడియో సూచిస్తుంది, మరియు ఇది ఒక మంచి ఉదాహరణ యొక్క వీడియో 6 బదులుగా వీడియో 5 ఆ క్లోన్ మరియు పేరు లెట్స్

    [..]
    <Div class = "Vplayer" డేటా వివరణ = "<img src = 'img / thumb.png' తరగతి = 'imgblock' /> వీడియో 5" డేటా img = "img / 1.jpg">

    <వీడియో నియంత్రణలు ప్రీలోడ్>
    <మూలం src = "వీడియో / test.mp4" type = 'వీడియో / MP4; కోడెక్లు = "avc1.42E01E, mp4a.40.2" '/>
    <మూలం src = "వీడియో / test.webm" type = 'వీడియో / webm; కోడెక్లు = "VP8, వోర్బిస్" '/>
    <మూలం src = "వీడియో / test.ogg" type = 'వీడియో / ఓగ్; కోడెక్లు = "థియోరా, వోర్బిస్" '/>
    <మూలం src = "వీడియో / bubbles.m4v" />

    <Object width = "500" height = "300">
    <పరమ name = "చిత్రం" విలువ = "preview.swf? వీడియో = వీడియో / advideo.flv"> </ పరమ>
    <పరమ name = "allowFullScreen" విలువ = "true"> </ పరమ>
    <పరమ name = "allowscriptaccess" విలువ = "ఎల్లప్పుడూ"> </ పరమ>
    <పరమ name = "wmode" విలువ = "అపారదర్శక"> </ పరమ>
    <Embed src = "preview.swf? వీడియో = వీడియో / advideo.flv" type = "application / x-షాక్వేవ్-ఫ్లాష్" width = "500" height = "300" allowscriptaccess = "ఎల్లప్పుడూ" allowfullscreen = "true" wmode = > "అపారదర్శక"
    </ Embed>
    </ Object>
    </ వీడియో>
    </ Div>
    <Div class = "Vplayer" డేటా వివరణ = "<img src = 'img / thumb.png' తరగతి = 'imgblock' /> వీడియో 6" డేటా img = "img / 1.jpg">

    <వీడియో నియంత్రణలు ప్రీలోడ్>
    <మూలం src = "వీడియో / test.mp4" type = 'వీడియో / MP4; కోడెక్లు = "avc1.42E01E, mp4a.40.2" '/>
    <మూలం src = "వీడియో / test.webm" type = 'వీడియో / webm; కోడెక్లు = "VP8, వోర్బిస్" '/>
    <మూలం src = "వీడియో / test.ogg" type = 'వీడియో / ఓగ్; కోడెక్లు = "థియోరా, వోర్బిస్" '/>
    <మూలం src = "వీడియో / bubbles.m4v" />

    <Object width = "500" height = "300">
    <పరమ name = "చిత్రం" విలువ = "preview.swf? వీడియో = వీడియో / advideo.flv"> </ పరమ>
    <పరమ name = "allowFullScreen" విలువ = "true"> </ పరమ>
    <పరమ name = "allowscriptaccess" విలువ = "ఎల్లప్పుడూ"> </ పరమ>
    <పరమ name = "wmode" విలువ = "అపారదర్శక"> </ పరమ>
    <Embed src = "preview.swf? వీడియో = వీడియో / advideo.flv" type = "application / x-షాక్వేవ్-ఫ్లాష్" width = "500" height = "300" allowscriptaccess = "ఎల్లప్పుడూ" allowfullscreen = "true" wmode = > "అపారదర్శక"
    </ Embed>
    </ Object>
    </ వీడియో>
    </ Div>

    </ Div> <! -END వీడియో గ్యాలరీ ->





    FIY, ఈ గ్యాలరీ ఉత్తమంగా అమ్ముడుపోయిన రచయిత, రూపొందించినవారు ఉంటుంది, ఇంటర్నెట్ లో అత్యధికంగా ఫీచర్ స్టాక్ గ్యాలరీ స్థిరంగా నవీకరణలను అందుకుంటాడు (10 తర్వాత మరింత ఇప్పటివరకు)
    తొక్కలు ఐఫోన్ ఐప్యాడ్ Compal skinable నిమిషాల flashvars స్థానిక videos7 మరియు మోయి erabIed! envato AftESS సపోర్ట్ ఫోరంపై FASTSI.FPORT

  • డౌన్లోడ్
    ఈ వర్గంలో ఇతర భాగాలుఈ రచయిత యొక్క అన్ని అంశాలు
    వ్యాఖ్యలుతరచుగా ప్రశ్నలు మరియు సమాధానాలు కోరారు

    లక్షణాలు

    :
    3 సెప్టెంబర్ 10 రూపొందించబడింది

    చివరి నవీకరణ:
    22 సెప్టెంబర్ 14

    హై రిజల్యూషన్:
    అవును

    అనుకూల బ్రౌజర్లు:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

    ఫైళ్ళు:
    జావాస్క్రిప్ట్ JS, HTML, CSS, SWF కలిగి / FLV

    సాఫ్ట్వేర్ వెర్షన్:
    HTML5

    కీవర్డ్లు

    కామర్స్, ఆల్, వివరణ, ఫ్లాష్, ఫ్లాష్ తిరిగి, flashvars, fullscren, గ్యాలరీ, గ్రాఫిక్స్, HTML5, అంటే, చిత్రాలు, సమాచారం, localstorage, వీడియో, వాల్యూమ్, xml