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), வீடியோ பகிர்வு வழங்குநர்கள் இருந்து உணவளிக்க முடியும் மிகவும் மல்டிமீடியா ஆதரவு (ஆடியோ / படங்கள்), இது வரை ஆகிறது / விமியோ)? இந்த உங்கள் தளத்தில் உங்கள் வீடியோக்களை வெளிப்படுத்தவும் வீடியோ கேலரி உள்ளது.

கேலரியில் அனைத்து முக்கிய உலாவிகளில் சூழலில் வேலை - ஃபிளாஷ் வீழ்ச்சி மீண்டும் மூலம் IE உட்பட. மேலும், ஒரு வீடியோ தொகுப்பு ஒரு வீடியோ உள்ளிடல், அது ஒரு வீடியோ பிளேயர் ஆகிறது.

இந்த கேலரியில் சமீபத்திய HTML5 tehniques பயன்படுத்துகிறது. உதாரணமாக - அது வெளியேற முன் இருந்தது கடந்த தொகுதி நினைவில் HTML5 localStorage பயன்படுத்துகிறது மற்றும் நீங்கள் திரும்பி வரும்போது அந்த தொகுதி மீண்டும் அமைக்கிறது. தோல் எளிய CSS வழியாக அமைப்பு - அது முழுமையாக தோல் முடியும் அடிப்படை CSS தான்

மேம்படுத்தல்கள்

புதுப்பிப்பு 8.00 [09/22/2014]

  • [சரி] சில பிழைகள்

புதுப்பிப்பு 7.50 [04/08/2014]

  • [மாற்றங்களை] இப்போது மிகவும் மென்மையான மாற்றங்கள்
  • [மாற்றங்களை] முன்னோட்ட மேம்படுத்தல்

புதுப்பிப்பு 7.44 [03/26/2014]

  • [சரி] பல பிழைகள்
  • [சரி] முன்னோட்ட
  • [சரி] வசன ஆதரவு சேர்க்க

புதுப்பிப்பு 6.78 [10/14/2013]

  • [சரி] பல பிழைகள்

புதுப்பிப்பு 6.10 [10/02/2013]

  • [பிழைத்திருத்தம்] Youtube வீடியோ முடிவு பற்றி பிழை, ஆடியோ இன்னும் வகிக்க
புதுப்பிப்பு 5.11 [10/02/2013]
  • ஒரு அபாயகரமான IE9 / IE10 பிழை சரி செய்யப்பட்டது
  • நகர்த்தவும் நீட்சியை இல்லாமல் jQuery 1.9.1 வேலை மேம்படுத்தப்பட்டது
புதுப்பிப்பு 5.00 [01/10/2013]
  • YouTube வீடியோக்களை சேர்க்க எச்டி பொத்தானை
  • மெனு thumbsandarrows உருட்டும் புதிய வழி சேர்க்க (முன்னோட்ட YouTube சேனல் டெமோ பார்க்க)
  • சேர்க்கப்பட்டது மூன்று புதிய முறைகள் - சுழலும், rotator3d மற்றும் சுவர்
  • கேலரி மற்றும் வீரர் தோல்கள் இப்பொழுது சுதந்திரம்
  • மேலும் புதிய கேலரி தோல் - nav_transparent - பட்டி பொருட்கள் வட்ட மற்றும் வெளிப்படையான ஊடுருவல்
  • வீரர் சேர்க்கப்பட்டது புதிய அற்புதமான தோல் - Aurora
  • மேம்படுத்தப்பட்ட ஆவணங்கள்
  • மற்ற பிழைகள் சரி
புதுப்பிப்பு 4.10 [10/22/2012]
  • நிலையான முழுத்திரை பிழைகள் (சபாரி, குரோம், பயர்பாக்ஸ் மற்றும் எதிர்கால இணக்கமான உலாவிகளில் செய்தபின் வேலை)
  • சேர்க்கப்பட்டது விளம்பரம் ஆதரவு - பட / YouTube அல்லது வீடியோ விளம்பர
  • மற்ற பிழைகள் சரி
புதுப்பிப்பு 4.0 [05/02/2012]
  • சில பிழைகள் சரி
  • மாற்றப்பட்டது வீடியோ கேலரி மற்றும் வீடியோ பிளேயர், DOM அமைப்பு
  • ஒரு புதிய தாங்கல் பட்டியில் சேர்க்கப்பட்டது
  • விமியோ ஆதரவு
  • சேர்க்கப்பட்டது ஆடியோ ஆதரவு
  • சேர்க்கப்பட்டது படத்தை ஆதரவு
  • சேர்க்கப்பட்டது உட்பொதி பொத்தானை
  • மேலும் பங்கு பொத்தானை
  • குரோம், சபாரி, பயர்பாக்ஸ் சேர்க்க முழுத்திரை உண்மையான
புதுப்பிப்பு 3.0 [02/23/2012]
  • சில பிழைகள் சரி
  • சீரமைத்தது ஆவணங்கள்
  • மாற்றப்பட்டது வீடியோ கேலரி மற்றும் வீடியோ பிளேயர், DOM அமைப்பு

புதுப்பிப்பு 2.0 [07/09/2011]

  • சில பிழைகள் சரி
  • ஐபாட் / ஐபாட் / ஐபோன் ஆதரவு
  • சமீபத்திய HTML5 தரத்தை மேம்படுத்தப்பட்டது

அம்சங்கள்

  • வீடியோ கவனம் - முழு திரை பொத்தானை நீங்கள் முழு உலாவி சாளரத்தில் வீடியோ அனுபவிக்க முடியும் நிலையில் நாம்
  • HTML5 இயக்கப்படுகிறது - HTML5 வீடியோ உறுப்பு & JavaScript localStorage இவையாவும் இந்த ஒரு கட்டிங் எட்ஜ் கேலரி செய்கிறது
  • உங்கள் விருப்பங்களை நினைவு - நீங்கள் பக்கம் மூட பின்னர் அதை திறக்கும் போது இந்த வீரர், அதனால் நீங்கள் அமைக்க வேண்டும் கடந்த தொகுதி சேமிக்கும் பொருட்டு ல் HTML5 ன் LocalStorage பயன்படுத்தும், தொகுதி சரி, மீண்டும் நீங்கள் அதை விட்டு எங்கே
  • IE உட்பட அனைத்து முக்கிய உலாவிகளில், இணக்கமானது - வீடியோ டேக் ஆதரவு இல்லை என்று உலாவிகளில் ஃப்ளாஷ் குறைவடையும் வழங்குகிறது தெரிகிறது ஃபிளாஷ் வீடியோ ப்ளேயர் இயல்புநிலை அதே தோல் உள்ளது (நீங்கள் flashvars மூலம் விளையாட எந்த வீடியோ குறிப்பிட முடியும்) அனைத்து தளங்களில் அதே
  • ஐபோன் / பேசு இணக்கமான - இந்த கேலரியில் உகந்ததாக ஆப்பிள் தொடர்பு சாதனங்கள்
  • CSS தோல்கள் இயக்கப்படுகிறது - கேலரி CSS இரண்டு பகுதிகளாக பிரிக்கப்பட்டுள்ளது - செயல்பாட்டு மற்றும் estethic அது உங்கள் சொந்த தோல் செய்ய மிகவும் எளிது மிகவும்

    சொத்துக்கள்

    வீடியோ இருந்து - http://www.bigbuckbunny.org/

    கேள்விகள்

    1st வீடியோ நன்றாக வேலை செய்கிறது ஆனால், 2 வது வீடியோ அனைத்து ஏற்ற
    பெரும்பாலும் நீங்கள் சோதனை செய்து அதே YouTube வீடியோ இணைக்கப்பட்டுள்ளது. நீங்கள் 2 இடங்களில் அதே YouTube வீடியோ முடியாது.
    நான் அதை எப்படி விமியோ இணைப்புகள் உட்பொதிக்க?
    வெறும் videogallery கான் உள்ளே இந்த மார்க் சேர்க்க
     சேர்க்க <div class = "vplayer-வருங்கால" தரவு videoTitle = 'விமியோ வீடியோ' தரவு வகை = "விமியோ" தரவு src = "31539657"> <div class = "menuDescription"> <IMG src = "http: // dummyimage காம் / 50x50 / 000000 / FFF & உரை = பாம் "வர்க்கம் =" imgblock "/> <div class =" தலைப்பு "> இந்த ஒரு விமியோ வீடியோ </ span> சிறு autogenerate முடியும்... </ span> </ உள்ளது span> 
    உங்கள் விமியோ வீடியோ அடையாள தரவு-இணையத்தில் மதிப்பை மாற்ற
    இந்த விமியோ அல்லது YouTube இல் வீடியோக்களுக்கான பயன்படுத்த முடியும்? நான் நேரடியாக இணைக்க விரும்பும் சர்வரில் சில வீடியோக்கள் இல்லை. என்னை விரைவில் தெரியப்படுத்துங்கள். THX,
    நிச்சயமாக, அது சுய வீடியோக்களை விளையாடி குறிப்பாக செய்துள்ளார். YouTube மற்றும் விமியோ ஒரு போனஸ் இருக்கும்.
    எப்படி நான் சமூக ஊடக சின்னங்கள் வேலை கிடைக்கும்?
    vGallery செயல்பாடு shareCode அமைப்பை சரிபார்க்கவும்
    நான் எப்படி ஒழுங்காக இந்த கேலரியில் உள்ள பயன்படுத்த குறியிடப்பட்ட என் வீடியோ செய்ய?

    நீங்கள் உங்கள் படத்தில் அனைத்து உலாவிகளில் உறுதி HTML5 வீடியோ நாடகங்கள் அடைவதற்காக 2 படிமம் மாற்றப்படுகிறது வேண்டும்

    உலாவி ஆதரவு மற்றும் பரிந்துரைக்கப்படுகிறது குறியீட்டு திட்டம்

    IE9, IE8 ஆனது- (ஃப்ளாஷ்) மற்றும் Safari: M4V -> http://handbrake.fr/

    குரோம் மற்றும் ஓபரா & பயர்பாக்ஸ்: OGG-> http://video.online-convert.com/convert-to-ogg

    வீடியோ டோம் அமைப்பு

     சேர்க்க <div class = "vplayer" தரவு விளக்கம் = "என் வீடியோ" தரவு வாழ்த்துக்கள் = "IMG / 1.jpg"> <வீடியோ கட்டுப்பாடுகள் முன்னதாகவே> <மூல src = "வீடியோ / myvideo.m4v" /> <மூல src = "வீடியோ / myvideo.ogg" /> <பொருள் வகை = "பயன்பாடு / x-ஷாக்வேவ்-ஃபிளாஷ்" தரவு = "preview.swf" அகலம் = "550" உயரம் = "300" ஐடி = "flashcontent" பாணி = "தன்மை: புலப்படும்;"> <பரம் பெயர் = "படம்" மதிப்பு = "preview.swf"> <பரம் பெயர் = "மெனு" மதிப்பு = "தவறான"> <பரம் பெயர் = "allowScriptAccess" மதிப்பு = "எப்போதும்"> <பரம் பெயர் = "அளவு" மதிப்பு = "noscale"> <பரம் பெயர் = "allowFullScreen" மதிப்பு = "உண்மை"> <பரம் பெயர் = "wmode" மதிப்பு = "ஒளி ஊடுருவ"> <பரம் பெயர் = "flashvars" மதிப்பு = "வீடியோ = வீடியோ / myvideo.m4v"> </ பொருள்> </ வீடியோ> </ Span> 

    நான் எப்படி கேலரி whitin அதை சேர்க்க வா, என் வீடியோ தயாராக வேண்டும்?

    சிறந்த வழி நீங்கள் HTML பொருந்தவில்லை என்றால் உதாரணமாக உள்ளது என்று அறிய வேண்டும். திறந்த மூல / index.html மற்றும் வரி 122 சுற்றி நீங்கள் பார்ப்பீர்கள்:

    [..]
    சேர்க்க <div class = "vplayer" தரவு விளக்கம் = ", <img src = 'IMG / thumb.png' வர்க்கம் = 'imgblock' /> வீடியோ 5" தரவு வாழ்த்துக்கள் = "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">
    <பரம் பெயர் = "படம்" மதிப்பு = "preview.swf? வீடியோ = வீடியோ / advideo.flv"> </ பரம்>
    <பரம் பெயர் = "allowFullScreen" மதிப்பு = "உண்மை"> </ பரம்>
    <பரம் பெயர் = "allowscriptaccess" மதிப்பு = "எப்போதும்"> </ பரம்>
    <பரம் பெயர் = "wmode" மதிப்பு = "ஒளி ஊடுருவ"> </ பரம்>
    <உட்பொதிக்க src = "preview.swf? வீடியோ = வீடியோ / advideo.flv" TYPE = "பயன்பாடு / x-ஷாக்வேவ்-ஃபிளாஷ்" அகலம் = "500" உயரம் = "300" allowscriptaccess = "எப்போதும்" allowfullscreen = "உண்மை" wmode = > "ஒளி ஊடுருவ"
    </ உட்பொதி>
    </ பொருள்>
    </ வீடியோ>
    </ Span>

    </ Span> <! -END வீடியோ கேலரி ->

    இந்த கேலரியில் உள்ள கடைசி வீடியோ பிரதிபலிக்கிறது, இது ஒரு நல்ல உதாரணம் எனவே வீடியோ 6 பதிலாக வீடியோ 5 என்று குளோன் அது பெயர் பார்ப்போம்

    [..]
    சேர்க்க <div class = "vplayer" தரவு விளக்கம் = ", <img src = 'IMG / thumb.png' வர்க்கம் = 'imgblock' /> வீடியோ 5" தரவு வாழ்த்துக்கள் = "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">
    <பரம் பெயர் = "படம்" மதிப்பு = "preview.swf? வீடியோ = வீடியோ / advideo.flv"> </ பரம்>
    <பரம் பெயர் = "allowFullScreen" மதிப்பு = "உண்மை"> </ பரம்>
    <பரம் பெயர் = "allowscriptaccess" மதிப்பு = "எப்போதும்"> </ பரம்>
    <பரம் பெயர் = "wmode" மதிப்பு = "ஒளி ஊடுருவ"> </ பரம்>
    <உட்பொதிக்க src = "preview.swf? வீடியோ = வீடியோ / advideo.flv" TYPE = "பயன்பாடு / x-ஷாக்வேவ்-ஃபிளாஷ்" அகலம் = "500" உயரம் = "300" allowscriptaccess = "எப்போதும்" allowfullscreen = "உண்மை" wmode = > "ஒளி ஊடுருவ"
    </ உட்பொதி>
    </ பொருள்>
    </ வீடியோ>
    </ Span>
    சேர்க்க <div class = "vplayer" தரவு விளக்கம் = ", <img src = 'IMG / thumb.png' வர்க்கம் = 'imgblock' /> வீடியோ 6" தரவு வாழ்த்துக்கள் = "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">
    <பரம் பெயர் = "படம்" மதிப்பு = "preview.swf? வீடியோ = வீடியோ / advideo.flv"> </ பரம்>
    <பரம் பெயர் = "allowFullScreen" மதிப்பு = "உண்மை"> </ பரம்>
    <பரம் பெயர் = "allowscriptaccess" மதிப்பு = "எப்போதும்"> </ பரம்>
    <பரம் பெயர் = "wmode" மதிப்பு = "ஒளி ஊடுருவ"> </ பரம்>
    <உட்பொதிக்க src = "preview.swf? வீடியோ = வீடியோ / advideo.flv" TYPE = "பயன்பாடு / x-ஷாக்வேவ்-ஃபிளாஷ்" அகலம் = "500" உயரம் = "300" allowscriptaccess = "எப்போதும்" allowfullscreen = "உண்மை" wmode = > "ஒளி ஊடுருவ"
    </ உட்பொதி>
    </ பொருள்>
    </ வீடியோ>
    </ Span>

    </ Span> <! -END வீடியோ கேலரி ->





    FIY இந்த கேலரியில் சிறந்த விற்பனை ஆசிரியர், உருவாக்கப்பட்ட உள்ளது, இணையத்தில் மிகவும் அம்சங்களுடன் பங்கு கேலரி நிலையான மேம்படுத்தல்கள் பெறும் (10 பின்னர் மேலும் இதுவரை)
    தோல்கள் ஐபோன் ஐபாட் Compal skinable minut flashvars உள்ளூர் videos7 மற்றும் மோ erabIed! Envato AftESS ஆதரவு மன்றம் FASTSI.FPORT

  • பதிவிறக்க
    இந்த பிரிவில் மற்ற கூறுகள்இந்த எழுத்தாளர் அனைத்து கூறுகளும்
    Commentsஅடிக்கடி கேள்விகள் மற்றும் பதில்கள் கேட்டார்

    பண்புகள்

    :
    3 செப்டம்பர் 10 உருவாக்கப்பட்டது

    கடைசியாக புதுப்பிக்கப்பட்டது:
    22 செப்டம்பர் 14, உயர் தீர்மானம்

    தகுதியானதா உலாவிகள்:
    IE7, IE8, IE9, IE10, பயர்பாக்ஸ், IE11, பயர்பாக்ஸ், சபாரி, ஓபரா, குரோம், கோப்புகள்

    முக்கிய வார்த்தைகள்

    இணையவழி, அனைத்து பொருட்கள், விளக்கம், ஃப்ளாஷ், ஃபிளாஷ் குறைவடையும், flashvars, fullscren, கேலரி, கிராபிக்ஸ், HTML5, அதாவது, படங்கள், தகவல், localStorage, வீடியோ, தொகுதி, XML