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

মুখ্য পৃষ্ঠা Privacy Policy

সব ব্রাউজারে (এমনকি IE8) কাজ করে, কাস্টমাইজ, ইনস্টল করা সহজ যে একটি ভিডিও গ্যালারি চান, ইউটিউব (সর্বশেষ স্ট্যান্ডার্ড (HTML5), ভিডিও শেয়ারিং প্রদানকারীর থেকে ভোজন পারেন খুব মাল্টিমিডিয়া সমর্থন করা (অডিও / ইমেজ), আছে আপ / Vimeo)? তারপর এই আপনার সাইটে আপনার ভিডিও শোকেস ভিডিও গ্যালারি.

গ্যালারি সব প্রধান ব্রাউজার পরিবেশে কাজ করে - ফ্ল্যাশ পড়ে ব্যাক মাধ্যমে ইন্টারনেট সহ. এছাড়াও, ভিডিও গ্যালারি একটি একক ভিডিও inputting দ্বারা, এটি একটি ভিডিও প্লেয়ার হয়ে.

এই গ্যালারি সর্বশেষ HTML5 tehniques ব্যবহার করে. উদাহরণস্বরূপ - এটা আপনি প্রস্থান আগে আপনি ছিল শেষ ভলিউম মনে রাখবেন HTML5 এর স্থানীয় সঞ্চয়স্থান ব্যবহার করে এবং যখন আপনি ফিরে আসা যে ভলিউম ফিরে নির্ধারণ করা হবে. চামড়া সহজ 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]

  • [ফিক্স] ইউটিউবের ভিডিও এর পরিসমাপ্তিতে এ বাগ, অডিও এখনও প্লে করা হবে
আপডেট 5.11 [10/02/2013]
  • একটি মারাত্মক IE9 / IE10 বাগ সংশোধন করা হয়েছে
  • স্থানান্তর প্লাগইন ছাড়াই jQuery 1.9.1 সঙ্গে কাজ করার জন্য আপডেট
আপডেট 5.00 [01/10/2013]
  • YouTube ভিডিও জন্য যোগ এইচডি বাটন
  • মেনু thumbsandarrows স্ক্রল নতুন উপায় এখনো যোগ করেনি (প্রিভিউ ইউটিউব চ্যানেল ডেমো চেক)
  • যোগ তিনটি নতুন মোড - চক্রকার, 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 এর স্থানীয় সঞ্চয়স্থান ব্যবহার, ভলিউম অধিকার ফিরে আপনি এটি বাম যেখানে
  • ইন্টারনেট সহ সকল প্রধান ব্রাউজার, সঙ্গে সামঞ্জস্যপূর্ণ - ভিডিও ট্যাগ সমর্থন করে না ব্রাউজারের জন্য ফ্ল্যাশ ফলব্যাক প্রদান করে এটা দেখে মনে হচ্ছে তাই ফ্ল্যাশ ভিডিও প্লেয়ার ডিফল্ট এক হিসাবে একই চামড়া আছে (আপনি flashvars মাধ্যমে খেলার যা ভিডিও উল্লেখ করতে পারেন) সব প্ল্যাটফর্মের উপর একই
  • আইফোন / রহমান সামঞ্জস্যপূর্ণ - এই গ্যালারি অপ্টিমাইজ করা হয়েছে অ্যাপল স্পর্শ ডিভাইসের
  • সিএসএস স্কিনস চালিত - গ্যালারি CSS দুটি ভাগে ভাগ করা হয় - প্রায়োগিক এবং estethic এটা আপনার নিজের ত্বকের জন্য খুব সহজ, তাই

    সম্পদ

    ভিডিও থেকে - http://www.bigbuckbunny.org/

    অনবরত জিজ্ঞাসিত প্রশ্ন

    1 ম ভিডিও কাজ করে জরিমানা কিন্তু, 2nd ভিডিও সব লোড না
    সম্ভবত আপনি পরীক্ষা করা হয় এবং একই ইউটিউব ভিডিও সংযুক্ত আছে. আপনি 2 জায়গায় একই YouTube ভিডিও থাকতে পারে না.
    কিভাবে আমি তা Vimeo সংযোগগুলি এম্বেড না?
    শুধু videogallery বিরূদ্ধে ভিতরে এই মার্কআপ যোগ
     <Div class = "VPlayer-Tobe" তথ্য-videoTitle = 'Vimeo ভিডিও' তথ্য-টাইপ = "Vimeo" তথ্য-src = "31539657"> <div class = "menuDescription"> <img src = "HTTP: // dummyimage.com / 50x50 / 000000 / fff ও লেখা = থাম্ব "বর্গ =" imgblock "/> <div class =" শিরোনাম "> এটি একটি Vimeo ভিডিও </ p> থাম্বনেল autogenerate পারেন... </ p> </ হয় div> 
    আপনার Vimeo ভিডিও এর আইডি দিয়ে তথ্য-src মান পরিবর্তন করুন
    এই Vimeo অথবা YouTube হয় না যে ভিডিওর জন্য ব্যবহার করা যেতে পারে? আমি সরাসরি লিঙ্ক চাই একটি সার্ভারে হোস্ট করা কিছু ভিডিও আছে. আমার যত শীঘ্র সম্ভব দয়া করে. ধন্যবাদ
    নিশ্চিত, এটা স্ব আয়োজিত ভিডিও খেলার জন্য বিশেষভাবে তৈরি হচ্ছে. YouTube এবং Vimeo শুধু একটি বোনাস.
    আমি কিভাবে সামাজিক মিডিয়া আইকন কাজ পেতে পারি?
    vGallery ফাংশন জন্য shareCode সেটিং পরীক্ষা
    কিভাবে আমি সঠিকভাবে এই গ্যালারি মধ্যে ব্যবহার করতে এনকোড আমার ভিডিও করতে পারি?

    আপনি আপনার সিনেমা সব ব্রাউজারে নিশ্চিত HTML5 ভিডিও নাটক করার জন্য 2 ফরম্যাটে রূপান্তরিত প্রয়োজন

    ব্রাউজার সমর্থন ও সুপারিশ এনকোডিং প্রোগ্রাম

    IE9, IE8 (ফ্ল্যাশ) ও সাফারি: M4V -> http://handbrake.fr/

    ক্রোম ও অপেরা এবং ফায়ারফক্স: OGG-> http://video.online-convert.com/convert-to-ogg

    ভিডিও DOM গঠন

     <Div class = "VPlayer" তথ্য-বর্ণনা = "আমার ভিডিও" তথ্য চিত্র = "গান / 1.jpg"> <ভিডিও নিয়ন্ত্রণ পূর্বলোড> <উৎস src = "ভিডিও / myvideo.m4v" /> <উৎস src = "ভিডিও / myvideo.ogg" /> <এ ধরনের বস্তু ব্যবহারের = "আবেদন / এক্স-shockwave-ফ্ল্যাশ" তথ্য = "preview.swf" প্রস্থ = "550" উচ্চতা = "300" আইডি = "flashcontent" শৈলী = "দৃশ্যমানতা: দৃশ্যমান;"> <PARAM নাম = "সিনেমা" মান = "preview.swf"> <PARAM নাম = "মেনু" মান = "মিথ্যা"> <PARAM নাম = "allowScriptAccess" মান = "সবসময়"> <PARAM নাম = "স্কেল" মান = "noscale"> <PARAM নাম = "allowFullScreen" মান = "সত্য"> <PARAM নাম = "wmode" মান = "অস্বচ্ছ"> <PARAM নাম = "flashvars" মান = "ভিডিও = ভিডিও / myvideo.m4v"> </ বস্তুর> </ ভিডিও> </ Div> 

    আমি কিভাবে আমি গ্যালারি whitin এটি যোগ না, আমার ভিডিও প্রস্তুত আছে?

    সবচেয়ে ভালো উপায় এইচটিএমএল সঙ্গে সামঞ্জস্যপূর্ণ নয় উদাহরণস্বরূপ, যদি হয় যে শিখতে. ওপেন সোর্স / index.html এবং লাইন 122 কাছাকাছি আপনি দেখতে পাবেন:

    [..]
    <Div class = "VPlayer" তথ্য-বর্ণনা = "<img src = 'img / thumb.png' বর্গ = 'imgblock' /> ভিডিও 5" তথ্য চিত্র = "গান / 1.jpg">

    <ভিডিও নিয়ন্ত্রণ পূর্বলোড>
    <উৎস src = "ভিডিও / test.mp4" টাইপ = 'ভিডিও / MP4; কোডেক = "avc1.42E01E, mp4a.40.2" '/>
    <উৎস src = "ভিডিও / test.webm" টাইপ = 'ভিডিও / WebM; কোডেক = "VP8, Vorbis" '/>
    <উৎস src = "ভিডিও / test.ogg" টাইপ = 'ভিডিও / OGG; কোডেক = "Theora, Vorbis" '/>
    <উৎস src = "ভিডিও / bubbles.m4v" />

    <বস্তুর প্রস্থ = "500" উচ্চতা = "300">
    <PARAM নাম = "সিনেমা" মান = "preview.swf? ভিডিও = ভিডিও / advideo.flv"> </ PARAM>
    <PARAM নাম = "allowFullScreen" মান = "সত্য"> </ PARAM>
    <PARAM নাম = "allowscriptaccess" মান = "সবসময়"> </ PARAM>
    <PARAM নাম = "wmode" মান = "অস্বচ্ছ"> </ PARAM>
    <Embed src = "preview.swf? ভিডিও = ভিডিও / advideo.flv" টাইপ = "আবেদন / এক্স-shockwave-ফ্ল্যাশ" প্রস্থ = "500" উচ্চতা = "300" allowscriptaccess = "সবসময়" allowfullscreen = "সত্য" wmode = > "অস্বচ্ছ"
    </ এম্বেড>
    </ বস্তুর>
    </ ভিডিও>
    </ Div>

    </ Div> <! -সমাপ্তি ভিডিও গ্যালারি ->

    এই গ্যালারিতে গত ভিডিও প্রতিনিধিত্ব করে, এবং এটি একটি ভাল উদাহরণ সুতরাং আসুন ভিডিও 6 পরিবর্তে ভিডিও 5 ক্লোন এবং এটির নাম দিন চলুন শুরু করা যাক

    [..]
    <Div class = "VPlayer" তথ্য-বর্ণনা = "<img src = 'img / thumb.png' বর্গ = 'imgblock' /> ভিডিও 5" তথ্য চিত্র = "গান / 1.jpg">

    <ভিডিও নিয়ন্ত্রণ পূর্বলোড>
    <উৎস src = "ভিডিও / test.mp4" টাইপ = 'ভিডিও / MP4; কোডেক = "avc1.42E01E, mp4a.40.2" '/>
    <উৎস src = "ভিডিও / test.webm" টাইপ = 'ভিডিও / WebM; কোডেক = "VP8, Vorbis" '/>
    <উৎস src = "ভিডিও / test.ogg" টাইপ = 'ভিডিও / OGG; কোডেক = "Theora, Vorbis" '/>
    <উৎস src = "ভিডিও / bubbles.m4v" />

    <বস্তুর প্রস্থ = "500" উচ্চতা = "300">
    <PARAM নাম = "সিনেমা" মান = "preview.swf? ভিডিও = ভিডিও / advideo.flv"> </ PARAM>
    <PARAM নাম = "allowFullScreen" মান = "সত্য"> </ PARAM>
    <PARAM নাম = "allowscriptaccess" মান = "সবসময়"> </ PARAM>
    <PARAM নাম = "wmode" মান = "অস্বচ্ছ"> </ PARAM>
    <Embed src = "preview.swf? ভিডিও = ভিডিও / advideo.flv" টাইপ = "আবেদন / এক্স-shockwave-ফ্ল্যাশ" প্রস্থ = "500" উচ্চতা = "300" allowscriptaccess = "সবসময়" allowfullscreen = "সত্য" wmode = > "অস্বচ্ছ"
    </ এম্বেড>
    </ বস্তুর>
    </ ভিডিও>
    </ Div>
    <Div class = "VPlayer" তথ্য-বর্ণনা = "<img src = 'img / thumb.png' বর্গ = 'imgblock' /> ভিডিও 6" তথ্য চিত্র = "গান / 1.jpg">

    <ভিডিও নিয়ন্ত্রণ পূর্বলোড>
    <উৎস src = "ভিডিও / test.mp4" টাইপ = 'ভিডিও / MP4; কোডেক = "avc1.42E01E, mp4a.40.2" '/>
    <উৎস src = "ভিডিও / test.webm" টাইপ = 'ভিডিও / WebM; কোডেক = "VP8, Vorbis" '/>
    <উৎস src = "ভিডিও / test.ogg" টাইপ = 'ভিডিও / OGG; কোডেক = "Theora, Vorbis" '/>
    <উৎস src = "ভিডিও / bubbles.m4v" />

    <বস্তুর প্রস্থ = "500" উচ্চতা = "300">
    <PARAM নাম = "সিনেমা" মান = "preview.swf? ভিডিও = ভিডিও / advideo.flv"> </ PARAM>
    <PARAM নাম = "allowFullScreen" মান = "সত্য"> </ PARAM>
    <PARAM নাম = "allowscriptaccess" মান = "সবসময়"> </ PARAM>
    <PARAM নাম = "wmode" মান = "অস্বচ্ছ"> </ PARAM>
    <Embed src = "preview.swf? ভিডিও = ভিডিও / advideo.flv" টাইপ = "আবেদন / এক্স-shockwave-ফ্ল্যাশ" প্রস্থ = "500" উচ্চতা = "300" allowscriptaccess = "সবসময়" allowfullscreen = "সত্য" wmode = > "অস্বচ্ছ"
    </ এম্বেড>
    </ বস্তুর>
    </ ভিডিও>
    </ Div>

    </ Div> <! -সমাপ্তি ভিডিও গ্যালারি ->





    FIY, এই গ্যালারি সর্বশ্রেষ্ঠ বিক্রয় লেখক দ্বারা তৈরি করা হয়, ইন্টারনেটে সবচেয়ে বড় বৈশিষ্ট্যযুক্ত স্টক গ্যালারি স্থায়ী আপডেট পায় যা (10 তারপর আরো কাজ যতক্ষণ পর্যন্ত)
    স্কিনস আইফোন iPad Compal skinable ফুল হিসেবে সংযোগ প্র flashvars স্থানীয় videos7 এবং Moe erabIed! Envato AftESS সাপোর্ট ফোরাম FASTSI.FPORT

  • ডাউনলোড করুন
    এই বিষয়শ্রেণীতে অন্তর্ভুক্ত অন্যান্য উপাদানএই লেখকের সব উপাদান
    মন্তব্যপ্রায়শই জিজ্ঞাসা করা প্রশ্ন এবং উত্তর

    বৈশিষ্ট্য

    :
    3 সেপ্টেম্বর 10 উদ্দেশ্যে সৃষ্টি করেছি

    সর্বশেষ:
    22 সেপ্টেম্বর 14, উচ্চ ঔজ্জ্বল্যতাময়

    নাম. মূলশব্দ

    ইকমার্স, সমস্ত আইটেম, বর্ণনা, ফ্ল্যাশ, ফ্ল্যাশ fallback, flashvars, fullscren, গ্যালারি, গ্রাফিক্স, HTML5, অর্থাৎ, ছবি, তথ্য, localStorage, ভিডিও, ভলিউম, এক্সএমএল