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) میں کام کرتا ہے، مرضی کے مطابق کرنے، نصب کرنے کے لئے آسان ہے کہ ایک ویڈیو گیلری، نگارخانہ چاہتے ہیں، یو ٹیوب (تازہ ترین معیار (HTML5)، ویڈیو شیئرنگ فراہم کرنے سے کھانا کھلا سکتا ہے بھی ملٹی میڈیا کی حمایت (آڈیو / تصاویر)، ہے پر منحصر ہے ٹیوب / Vimeo)؟ تو پھر یہ آپ کی سائٹ پر آپ کی ویڈیوز کو ظاہر کرنے کی ویڈیو گیلری، نگارخانہ ہے.

گیلری، نگارخانہ تمام بڑے براؤزر کے ماحول میں کام کرتا ہے - فلیش زوال واپس ذریعے IE سمیت. اس کے علاوہ، ویڈیو گیلری، نگارخانہ میں ایک ویڈیو inputting کی طرف سے، یہ ایک ویڈیو پلیئر بن جاتا ہے.

اس گیلری، نگارخانہ تازہ ترین HTML5 tehniques استعمال کرتا ہے. مثال کے طور پر - یہ آپ کو باہر نکلنے سے پہلے آپ کو تھا آخری حجم کو یاد کرنے کی لئے LocalStorage HTML5 استعمال کرتا ہے اور آپ واپس آئے جب کہ حجم واپس تعین کرتا ہے. جلد سادہ سی ایس ایس کے ذریعے سیٹ اپ ہے - تو یہ مکمل طور پر جلد کے قابل بنیادی سی ایس ایس کے ساتھ ہے

تازہ ترین معلومات کے

اپ ڈیٹ 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 ویڈیوز کے لئے شامل HD بٹن
  • مینو thumbsandarrows سکرال کرنے کا نیا طریقہ شامل کیا (پیش منظر میں یو ٹیوب چینل ڈیمو چیک کریں)
  • شامل کی تین نئے طریقوں - بلاگ، rotator3d اور دیوار
  • گیلری، نگارخانہ اور کھلاڑی کے لئے کھالیں اب آزاد ہیں
  • شامل نئے گیلری، نگارخانہ جلد - nav_transparent - مینو اشیاء سرکلر اور شفاف نیویگیشن
  • کھلاڑی کے لئے شامل نئے خوفناک جلد - ورورا
  • اپ ڈیٹ دستاویزات
  • دیگر کیڑے مقرر
اپ ڈیٹ 4.10 [10/22/2012]
  • فکسڈ پورے اسکرین کیڑے (سفاری، کروم، فائر فاکس اور مستقبل مطابق براؤزرز پر بالکل کام کرتا ہے)
  • شامل کی اشتہار حمایت - تصویر / یو ٹیوب یا ویڈیو اشتہار
  • دیگر کیڑے مقرر
اپ ڈیٹ کریں 4.0 [05/02/2012]
  • کچھ کیڑے مقرر
  • تبدیل شدہ ویڈیو گیلری، نگارخانہ اور ویڈیو پلیئر ڈوم ڈھانچہ
  • ایک نیا بفرن بار شامل
  • شامل کی Vimeo کی حمایت
  • شامل کی آڈیو کی حمایت
  • شامل کی تصویر کی حمایت
  • شامل کی سرایت کا بٹن
  • شامل کیا بانٹیں بٹن
  • کروم، سفاری، فائر فاکس کے لئے شامل اصلی پورے اسکرین
اپ ڈیٹ کریں 3.0 [02/23/2012]
  • کچھ کیڑے مقرر
  • پنرگٹھن دستاویزات
  • تبدیل شدہ ویڈیو گیلری، نگارخانہ اور ویڈیو پلیئر ڈوم ڈھانچہ

اپ ڈیٹ کریں 2.0 [07/09/2011]

  • کچھ کیڑے مقرر
  • آئی پوڈ / رکن / آئی فون کے سہارے
  • تازہ ترین HTML5 معیار کے لئے اپ ڈیٹ

نمایاں کریں

  • ویڈیو پر توجہ مرکوز - پورے اسکرین بٹن پر آپ کو پورے براؤزر ونڈو پر ویڈیو سے لطف اندوز چلو
  • HTML5 سے طاقت - HTML5 ویڈیو عنصر اور جاوا سکرپٹ localstorage کے اس ایک جدید گیلری کرتا ہے
  • آپ کی ترجیحات کو یاد کرتی ہے - آپ کو بند کرنے اور بعد میں اسے کھول جب یہ کھلاڑی تو، تم نے مقرر کیا ہے گزشتہ حجم کو ذخیرہ کرنے کے لئے HTML5 کی لئے LocalStorage استعمال کرتا ہے، حجم کا حق واپس اگر آپ اسے چھوڑ دیا کہاں ہے
  • IE سمیت تمام بڑے براؤزر کے ساتھ ہم آہنگ - ویڈیو ٹیگ کی حمایت نہیں کرتے کہ براؤزرز کیلئے فلیش fallback فراہم کرتا ہے اس سے لگتا ہے تو فلیش ویڈیو پلیئر پہلے سے طے شدہ ایک کے طور پر ایک ہی جلد ہے (اگر آپ کو FlashVars ذریعے کھیلنے کے لئے جس میں ویڈیو کی وضاحت کر سکتے ہیں) تمام پلیٹ فارمز پر ایک ہی
  • فون / رکن کے ساتھ ہم آہنگ - اس گیلری، نگارخانہ مرضی کے ہے ایپل ٹچ آلات
  • سی ایس ایس کھالیں سے طاقت - گیلری، نگارخانہ سی ایس ایس کو دو حصوں میں تقسیم کیا گیا ہے - فعال اور estethic یہ آپ کی اپنی جلد کرنے کے لئے بہت آسان ہے تاکہ

    اثاثے

    ویڈیو سے - http://www.bigbuckbunny.org/

    عمومی سوالات کے جوابات

    1st کی ویڈیو ٹھیک کام کرتا ہے لیکن، کے 2nd ویڈیو بالکل لوڈ نہیں کرتا
    سب سے زیادہ شاید آپ کو جانچ کر رہے ہیں اور ایک ہی یوٹیوب ویڈیو کے ساتھ منسلک ہے. آپ 2 مقامات میں ایک ہی یوٹیوب ویڈیو نہیں کر سکتے ہیں.
    میں کس طرح اس میں Vimeo لنکس سرایت کرتے ہیں؟
    صرف videogallery کون اندر اس مارک اپ کا اضافہ
      <div کلاس = "vplayer-ہونے والے" ڈیٹا videoTitle = 'Vimeo ویڈیو کے اعداد و شمار کی قسم = "Vimeo کی" ڈیٹا ایسآرسی = "31539657"> <div کلاس = "menuDescription"> <IMG ایسآرسی = "HTTP: // dummyimage ڈاٹ کام / 50x50 / 000000 / FFF اور متن = انگوٹھے "کلاس =" imgblock "/> <div کلاس =" عنوان "> یہ ایک Vimeo ویڈیو </ div کی> تھمب نیل autogenerate سکتے ہیں ...</ div کے> </ ہے div کی> 
    آپ کے Vimeo ویڈیو کی شناخت کے ساتھ ڈیٹا ایسآرسی قدر تبدیل کریں
    اس Vimeo یا YouTube میں نہیں ہیں کہ ویڈیوز کے لیے استعمال کیا جا سکتا ہے؟ میں نے براہ راست لنک کرنا چاہتے ہیں ایک سرور پر ہوسٹ کی گئی کچھ ویڈیوز ہیں. مجھے ASAP براہ مہربانی بتائیں. ٹی ایچ ایکس
    اس بات کا یقین، یہ خود میزبانی ویڈیوز کھیلنے کے لئے خاص طور پر بنایا گیا ہے. YouTube اور Vimeo صرف ایک بونس ہیں.
    میں کس طرح سوشل میڈیا شبیہیں کام کرنے کے لئے حاصل کرتے ہیں؟
    vGallery تقریب کے لئے shareCode ترتیب کو چیک
    میں کس طرح مناسب طریقے سے اس گیلری، نگارخانہ کے اندر اندر استعمال کرنے کے لئے انکوڈنگ میرے ویڈیو کروں؟

    تم اپنی فلم تمام براؤزرز میں اس بات کا یقین HTML5 ویڈیو ڈرامے بنانے کے لئے 2 فارمیٹس میں تبدیل کی ضرورت ہے

    براؤزر کی حمایت اور سفارش کی انکوڈنگ پروگرام

    IE9، IE8 (فلیش) اور سفاری: M4V -> http://handbrake.fr/

    کروم اور اوپیرا اور فائر فاکس: OGG-> http://video.online-convert.com/convert-to-ogg

    ویڈیو ڈوم ڈھانچہ

      <div کلاس = "vplayer" ڈیٹا وضاحت = "میرا ویڈیو" ڈیٹا IMG = "IMG / 1.jpg">  <ویڈیو کنٹرول preload کے>  <ذریعہ ایسآرسی = "ویڈیو / myvideo.m4v" />  <ذریعہ ایسآرسی = "ویڈیو / myvideo.ogg" />  <چیز کی قسم = "درخواست / ایکس ایک Shockwave فلیش" ڈیٹا = "preview.swf" چوڑائی = "550" اونچائی = "300" ID = "flashcontent" سٹائل = "مرئیت: نظر آتا ہے؛">  <پرم نام = "فلم" قدر = "preview.swf"> <پرم نام = "مینو" قیمت = "جھوٹے"> <پرم نام = "allowScriptAccess" قیمت = "ہمیشہ">  <پرم نام = "پیمانے" قیمت = "noscale"> <پرم نام = "allowFullScreen" قیمت = "حقیقی"> <پرم نام = "wmode" قیمت = "مبہم">  <پرم نام = "flashvars" قیمت = "ویڈیو = ویڈیو / myvideo.m4v">  </ اعتراض>  </ ویڈیو>  </ div کی> 

    میں نے کس طرح میں گیلری، نگارخانہ whitin اس کا اضافہ کرتے، اپنے ویڈیو کے لئے تیار ہے؟

    سب سے بہتر طریقہ آپ کو HTML کے ساتھ مطابقت نہیں ہیں تو مثال سے یہ ہے کہ سیکھنے کے لئے. اوپن سورس / index.html اور لائن 122 کے ارد گرد آپ کو دیکھ کر کرے گا:

    [..]
    <div کلاس = "vplayer" ڈیٹا وضاحت = "کریں <ahref = 'IMG / thumb.png' کلاس = 'imgblock' /> ویڈیو 5" ڈیٹا IMG = "IMG / 1.jpg">

    <ویڈیو کنٹرول preload کے>
    <ذریعہ ایسآرسی = "ویڈیو / test.mp4" قسم = 'ویڈیو / اتارنا Mp4؛ codecs کے = "avc1.42E01E، mp4a.40.2" '/>
    <ذریعہ ایسآرسی = "ویڈیو / test.webm" قسم = 'ویڈیو / WEBM؛ codecs کے = "VP8، vorbis" '/>
    <ذریعہ ایسآرسی = "ویڈیو / test.ogg" قسم = 'ویڈیو / OGG؛ codecs کے = "theora، vorbis" '/>
    <ذریعہ ایسآرسی = "ویڈیو / bubbles.m4v" />

    <اعتراض کی چوڑائی = "500" اونچائی = "300">
    <پرم نام = "فلم" قدر = "preview.swf؟ ویڈیو = ویڈیو / advideo.flv"> </ پرم>
    <پرم نام = "allowFullScreen" قیمت = "حقیقی"> </ پرم>
    <پرم نام = "allowscriptaccess" قیمت = "ہمیشہ"> </ پرم>
    <پرم نام = "wmode" قیمت = "مبہم"> </ پرم>
    <یمبیڈ ایسآرسی = "preview.swf؟ ویڈیو = ویڈیو / advideo.flv" قسم = "درخواست / ایکس ایک Shockwave فلیش" چوڑائی = "500" اونچائی = "300" allowscriptaccess = "ہمیشہ" allowfullscreen = "حقیقی" wmode = > "مبہم"
    </ سرایت>
    </ اعتراض>
    </ ویڈیو>
    </ div کی>

    </ div کے> <! -END ویڈیو گیلری، نگارخانہ ->

    اس گیلری، نگارخانہ میں آخری ویڈیو کی نمائندگی کرتا ہے، اور یہ ایک اچھی مثال تو اس کی ویڈیو 6 کے بجائے ویڈیو 5 کہ کلون اور اس کا نام 'اور دو

    [..]
    <div کلاس = "vplayer" ڈیٹا وضاحت = "کریں <ahref = 'IMG / thumb.png' کلاس = 'imgblock' /> ویڈیو 5" ڈیٹا IMG = "IMG / 1.jpg">

    <ویڈیو کنٹرول preload کے>
    <ذریعہ ایسآرسی = "ویڈیو / test.mp4" قسم = 'ویڈیو / اتارنا Mp4؛ codecs کے = "avc1.42E01E، mp4a.40.2" '/>
    <ذریعہ ایسآرسی = "ویڈیو / test.webm" قسم = 'ویڈیو / WEBM؛ codecs کے = "VP8، vorbis" '/>
    <ذریعہ ایسآرسی = "ویڈیو / test.ogg" قسم = 'ویڈیو / OGG؛ codecs کے = "theora، vorbis" '/>
    <ذریعہ ایسآرسی = "ویڈیو / bubbles.m4v" />

    <اعتراض کی چوڑائی = "500" اونچائی = "300">
    <پرم نام = "فلم" قدر = "preview.swf؟ ویڈیو = ویڈیو / advideo.flv"> </ پرم>
    <پرم نام = "allowFullScreen" قیمت = "حقیقی"> </ پرم>
    <پرم نام = "allowscriptaccess" قیمت = "ہمیشہ"> </ پرم>
    <پرم نام = "wmode" قیمت = "مبہم"> </ پرم>
    <یمبیڈ ایسآرسی = "preview.swf؟ ویڈیو = ویڈیو / advideo.flv" قسم = "درخواست / ایکس ایک Shockwave فلیش" چوڑائی = "500" اونچائی = "300" allowscriptaccess = "ہمیشہ" allowfullscreen = "حقیقی" wmode = > "مبہم"
    </ سرایت>
    </ اعتراض>
    </ ویڈیو>
    </ div کی>
    <div کلاس = "vplayer" ڈیٹا وضاحت = "کریں <ahref = 'IMG / thumb.png' کلاس = 'imgblock' /> ویڈیو 6" ڈیٹا IMG = "IMG / 1.jpg">

    <ویڈیو کنٹرول preload کے>
    <ذریعہ ایسآرسی = "ویڈیو / test.mp4" قسم = 'ویڈیو / اتارنا Mp4؛ codecs کے = "avc1.42E01E، mp4a.40.2" '/>
    <ذریعہ ایسآرسی = "ویڈیو / test.webm" قسم = 'ویڈیو / WEBM؛ codecs کے = "VP8، vorbis" '/>
    <ذریعہ ایسآرسی = "ویڈیو / test.ogg" قسم = 'ویڈیو / OGG؛ codecs کے = "theora، vorbis" '/>
    <ذریعہ ایسآرسی = "ویڈیو / bubbles.m4v" />

    <اعتراض کی چوڑائی = "500" اونچائی = "300">
    <پرم نام = "فلم" قدر = "preview.swf؟ ویڈیو = ویڈیو / advideo.flv"> </ پرم>
    <پرم نام = "allowFullScreen" قیمت = "حقیقی"> </ پرم>
    <پرم نام = "allowscriptaccess" قیمت = "ہمیشہ"> </ پرم>
    <پرم نام = "wmode" قیمت = "مبہم"> </ پرم>
    <یمبیڈ ایسآرسی = "preview.swf؟ ویڈیو = ویڈیو / advideo.flv" قسم = "درخواست / ایکس ایک Shockwave فلیش" چوڑائی = "500" اونچائی = "300" allowscriptaccess = "ہمیشہ" allowfullscreen = "حقیقی" wmode = > "مبہم"
    </ سرایت>
    </ اعتراض>
    </ ویڈیو>
    </ div کی>

    </ div کے> <! -END ویڈیو گیلری، نگارخانہ ->





    FIY، اس گیلری، نگارخانہ بہترین فروخت کے مصنف کی طرف سے پیدا ہوتا ہے، انٹرنیٹ پر سب سے زیادہ خصوصیات والے اسٹاک گیلری مستقل اپ ڈیٹس حاصل ہے جس (10 زیادہ تو اب تک)
    کھالیں فون رکن compal پر skinable منٹ FlashVars مقامی videos7 اور Moe کی erabIed! Envato کی AftESS فورم FASTSI.FPORT

  • ڈاؤن لوڈ، اتارنا
    اس زمرے میں دیگر اجزاءاس مصنف کے تمام اجزاء
    تبصرہاکثر سوالات اور جوابات سے پوچھا

    پراپرٹیز

    :
    3 10 ستمبر کو پیدا کیا آخری اپ ڈیٹ

    مطلوبہ الفاظ

    کامرس, تمام اشیاء, وضاحت, فلیش, فلیش fallback, flashvars, fullscren, گیلری, نگارخانہ, گرافکس, HTML5, یعنی, تصاویر, معلومات, localstorage کے, ویڈیو, حجم, XML