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)؟ سپس این گالری ویدئو به نمایش گذاشتن فیلم های خود را در سایت خود.

گالری آثار در تمام محیط مرورگرهای بزرگ - از جمله اینترنت اکسپلورر از طریق فلش پاییز پشت. همچنین، با وارد ویدئویی که در گالری ویدئو، آن را یک دستگاه پخش ویدئو می شود.

این گالری با استفاده از آخرین tehniques HTML5. به عنوان مثال - آن استفاده می کند HTML5 محلی به یاد داشته باشید آخرین جلد از شما تا به حال قبل از خروج شما و مجموعه پشت که حجم هنگامی که شما به پشت. پوست راه اندازی از طریق CSS ساده است - پس از آن به طور کامل پوست قادر با CSS اساسی است

به روز رسانی

UPDATE 8.00 [2014/09/22]

  • [FIX] برخی از اشکالات

UPDATE 7.50 [2014/04/08]

  • [نیشگون گرفتن و کشیدن] در حال حاضر انتقال بسیار نرم و صاف
  • [نیشگون گرفتن و کشیدن] به روز رسانی پیش نمایش

UPDATE 7.44 [2014/03/26]

  • [FIX] اشکالات متعدد
  • [FIX] پیش نمایش
  • [FIX] اضافه کردن پشتیبانی از زیرنویس

UPDATE 6.78 [2013/10/14]

  • [FIX] اشکالات متعدد

UPDATE 6.10 [2013/10/02]

  • [ثابت] اشکال در پایان ویدیو یوتیوب، صوتی هنوز هم بازی
UPDATE 5.11 [2013/10/02]
  • یک اشکال IE9 / IE10 کشنده ثابت
  • به روز شده برای کار با jQuery 1.9.1 بدون افزونه مهاجرت
UPDATE 5.00 [2013/01/10]
  • دکمه HD اضافه برای ویدیوهای YouTube
  • اضافه راه جدید برای حرکت thumbsandarrows منو (بررسی نسخه ی نمایشی کانال یوتیوب در پیش نمایش)
  • اضافه سه حالت جدید - روتاتور، rotator3d و دیوار
  • پوسته های گالری و پخش در حال حاضر مستقل
  • اضافه پوست گالری جدید - nav_transparent - گزینه های منو ناوبری دایره و شفاف
  • اضافه پوست های بسیار جذاب جدید برای پلیر - شفق
  • اسناد و مدارک به روز شده
  • اشکالات دیگر ثابت
UPDATE 4.10 [2012/10/22]
  • اشکالات تمام صفحه ثابت (کار کاملا در سافاری، کروم، فایرفاکس و مرورگر سازگار آینده)
  • اضافه پشتیبانی تبلیغات - تصویر / یا ویدیویی یوتیوب آگهی
  • اشکالات دیگر ثابت
UPDATE 4.0 [2012/05/02]
  • ثابت برخی از اشکالات
  • گالری ویدئو و ویدئو تغییر ساختار DOM پخش
  • اضافه نوار بافر جدید
  • پشتیبانی Vimeo اضافه شده است
  • پشتیبانی صوتی اضافه شده
  • پشتیبانی تصویر اضافه شده
  • دکمه قراردادن اضافه
  • دکمه سهم اضافه شده
  • تمام صفحه واقعی محصولی برای کروم، سافاری، فایرفاکس
UPDATE 3.0 [2012/02/23]
  • ثابت برخی از اشکالات
  • اسناد و مدارک بازسازی
  • گالری ویدئو و ویدئو تغییر ساختار DOM پخش

UPDATE 2.0 [2011/07/09]

  • ثابت برخی از اشکالات
  • پشتیبانی آی پاد / آی پد / آی فون
  • به روز شده برای آخرین استانداردهای HTML5

ویژگی های

  • تمرکز بر این ویدئو - دکمه تمام صفحه اجازه دهید به شما لذت بردن از ویدئو در کل پنجره مرورگر
  • HTML5 شده - عنصر ویدیو HTML5 و جاوا اسکریپت محلی باعث می شود این گالری لبه برش
  • به یاد تنظیمات خود را - این بازیکن با استفاده از HTML5 محلی به منظور ذخیره آخرین جلد از شما تعیین کرده اند، تا زمانی که صفحه شما نزدیک و بعدا آن را باز کنید، حجم است که در آن حق بازگشت شما آن را ترک
  • سازگار با تمامی مرورگرهای عمده، از جمله اینترنت اکسپلورر - فراهم می کند مجدد فلش برای مرورگر هایی که از تگ ویدئو را پشتیبانی نمی کند (شما می توانید مشخص کنید که کدام ویدئو را از طریق FlashVars بازی) پخش فلش ویدیو است، همان پوست به عنوان یک پیش فرض پس از آن به نظر می رسد همان در تمام سیستم عامل
  • آیفون / آی پد سازگار - دستگاه های لمسی این گالری بهینه سازی شده است اپل
  • CSS پوست شده - CSS گالری به دو قسمت تقسیم - کاربردی و estethic پس از آن بسیار آسان را به پوست خود را

    دارایی های نقد

    ویدئو از - http://www.bigbuckbunny.org/

    پرسش و پاسخ

    ویدئو 1 خوب کار می کند اما، ویدئو 2 بار کند نه در همه
    احتمالا شما در حال آزمایش و ویدیو یوتیوب همان متصل است. شما می توانید ویدیو یوتیوب مشابه در 2 مکان ندارد.
    چگونه لینک های vimeo را در آن جاسازی کنم؟
    فقط این نشانه گذاری داخل videogallery-باهم اضافه
      شرح <div class = "vplayer-tobe" داده videoTitle = 'ویدئو Vimeo' داده از نوع = "vimeo" داده-SRC = "31539657"> <DIV کلاس = "menuDescription"> <IMG SRC = "http: // باشد dummyimage کام / 50x50 / 000000 / FFF و متن = انگشت شست "کلاس =" imgblock "/> <DIV کلاس =" تحت عنوان "> این ویدئو Vimeo </ DIV> تصویر کوچک می تواند autogenerate ...</ DIV> </ است DIV> 
    تغییر مقدار داده-SRC با شناسه های ویدیویی خود را vimeo
    می تواند این باشد که فیلم ها برای نه در Vimeo و یا یوتیوب استفاده می شود؟ من به برخی از فیلم ها به میزبانی در سرور من می خواهم به لینک به طور مستقیم. لطفا به من ASAP اطلاع دهید. ممنون
    مطمئنا، آن را به طور خاص برای بازی خود میزبان فیلم ساخته شده است. یوتیوب و Vimeo فقط یک جایزه.
    چگونه می توانم از آیکون های رسانه های اجتماعی به کار می کند؟
    چک تنظیم shareCode برای تابع vGallery
    چگونه ویدئو من را من به درستی کد گذاری به استفاده در این گالری؟

    شما نیاز به فیلم های خود را به فرمت های 2 به منظور مطمئن شوید نمایشنامه ویدئو در HTML5 را در همه مرورگرها تبدیل

    پشتیبانی از مرورگر و برنامه را پشتیبانی می کند توصیه می شود

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

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

    ویدئو ساختار DOM

      شرح <div class = "vplayer" داده DESCRIPTION = "ویدئو های من" داده IMG = "IMG / 1.JPG">  <کنترل ویدئو پیش بارگذاری>  <منبع SRC = "ویدیو / myvideo.m4v" />  <منبع SRC = "ویدیو / myvideo.ogg" />  <نوع شیء = "نرم افزار / x- شوک-فلش" داده = "preview.swf" عرض = "550" ارتفاع = "300" شناسه = "flashcontent" سبک = "دید: قابل مشاهده؛">  <نام پرم = "فیلم" مقدار = "preview.swf"> <PARAM نام = "منو" مقدار = "نادرست"> <PARAM نام = "allowScriptAccess" مقدار = "همیشه">  <PARAM نام = "مقیاس" مقدار = "noscale"> <PARAM نام = "allowFullScreen" مقدار = "واقعی"> <PARAM نام = "wmode" مقدار = "مات">  <PARAM نام = "flashvars" مقدار = "ویدئو = ویدیو / myvideo.m4v">  </ شی>  </ تصویری>  </ DIV> 

    من ویدئو من آماده است، چگونه آن را whitin گالری اضافه کنم؟

    بهترین راه برای یادگیری است که اگر شما سازگار با HTML نمی باشد.به عنوان مثال. منبع باز / ها index.html و اطراف خط 122 شما خواهید دید:

    [...]
    شرح <div class = "vplayer" داده DESCRIPTION = "<IMG SRC = 'IMG / thumb.png" کلاس =' imgblock '/> ویدئو 5 "داده IMG =" IMG / 1.JPG ">

    <کنترل ویدئو پیش بارگذاری>
    <منبع SRC = "ویدیو / test.mp4" نوع = 'ویدیو / MP4. کدک = "avc1.42E01E، mp4a.40.2" '/>
    <منبع SRC = "ویدیو / test.webm" نوع = 'ویدیو / webm. کدک = "VP8، های Vorbis" '/>
    <منبع SRC = "ویدیو / test.ogg" نوع = 'ویدیو / صوتی؛ کدک = "theora، های Vorbis" '/>
    <منبع SRC = "ویدیو / bubbles.m4v" />

    <عرض شی = "500" ارتفاع = "300">
    <نام پرم = "فیلم" مقدار = "preview.swf؟ ویدیویی = ویدیو / advideo.flv"> </ پرم>
    <نام پرم = "allowFullScreen" مقدار = "واقعی"> </ پرم>
    <نام پرم = "allowscriptaccess" مقدار = "همیشه"> </ پرم>
    <نام پرم = "wmode" مقدار = "مات"> </ پرم>
    <جاسازی SRC = "preview.swf؟ ویدیویی = ویدیو / advideo.flv" نوع = "نرم افزار / x- شوک-فلش" عرض = "500" ارتفاع = "300" allowscriptaccess = "همیشه" allowfullscreen = "واقعی" wmode = "مات">
    </ قراردادن>
    </ شی>
    </ تصویری>
    </ DIV>

    </ DIV> <! -end VIDEO گالری ->

    این نشان دهنده آخرین ویدئو در گالری، و آن را یک مثال خوب پس بیایید کلون که و نام آن را به جای 6 ویدئو ویدئو 5

    [...]
    شرح <div class = "vplayer" داده DESCRIPTION = "<IMG SRC = 'IMG / thumb.png" کلاس =' imgblock '/> ویدئو 5 "داده IMG =" IMG / 1.JPG ">

    <کنترل ویدئو پیش بارگذاری>
    <منبع SRC = "ویدیو / test.mp4" نوع = 'ویدیو / MP4. کدک = "avc1.42E01E، mp4a.40.2" '/>
    <منبع SRC = "ویدیو / test.webm" نوع = 'ویدیو / webm. کدک = "VP8، های Vorbis" '/>
    <منبع SRC = "ویدیو / test.ogg" نوع = 'ویدیو / صوتی؛ کدک = "theora، های Vorbis" '/>
    <منبع SRC = "ویدیو / bubbles.m4v" />

    <عرض شی = "500" ارتفاع = "300">
    <نام پرم = "فیلم" مقدار = "preview.swf؟ ویدیویی = ویدیو / advideo.flv"> </ پرم>
    <نام پرم = "allowFullScreen" مقدار = "واقعی"> </ پرم>
    <نام پرم = "allowscriptaccess" مقدار = "همیشه"> </ پرم>
    <نام پرم = "wmode" مقدار = "مات"> </ پرم>
    <جاسازی SRC = "preview.swf؟ ویدیویی = ویدیو / advideo.flv" نوع = "نرم افزار / x- شوک-فلش" عرض = "500" ارتفاع = "300" allowscriptaccess = "همیشه" allowfullscreen = "واقعی" wmode = "مات">
    </ قراردادن>
    </ شی>
    </ تصویری>
    </ DIV>
    شرح <div class = "vplayer" داده DESCRIPTION = "<IMG SRC = 'IMG / thumb.png" کلاس =' imgblock '/> ویدئو 6 "داده IMG =" IMG / 1.JPG ">

    <کنترل ویدئو پیش بارگذاری>
    <منبع SRC = "ویدیو / test.mp4" نوع = 'ویدیو / MP4. کدک = "avc1.42E01E، mp4a.40.2" '/>
    <منبع SRC = "ویدیو / test.webm" نوع = 'ویدیو / webm. کدک = "VP8، های Vorbis" '/>
    <منبع SRC = "ویدیو / test.ogg" نوع = 'ویدیو / صوتی؛ کدک = "theora، های Vorbis" '/>
    <منبع SRC = "ویدیو / bubbles.m4v" />

    <عرض شی = "500" ارتفاع = "300">
    <نام پرم = "فیلم" مقدار = "preview.swf؟ ویدیویی = ویدیو / advideo.flv"> </ پرم>
    <نام پرم = "allowFullScreen" مقدار = "واقعی"> </ پرم>
    <نام پرم = "allowscriptaccess" مقدار = "همیشه"> </ پرم>
    <نام پرم = "wmode" مقدار = "مات"> </ پرم>
    <جاسازی SRC = "preview.swf؟ ویدیویی = ویدیو / advideo.flv" نوع = "نرم افزار / x- شوک-فلش" عرض = "500" ارتفاع = "300" allowscriptaccess = "همیشه" allowfullscreen = "واقعی" wmode = "مات">
    </ قراردادن>
    </ شی>
    </ تصویری>
    </ DIV>

    </ DIV> <! -end VIDEO گالری ->





    FIY، این گالری است که توسط نویسنده از پرفروش ایجاد، گالری برجسته ترین سهام را بر روی اینترنت که دریافت به روز رسانی ها ثابت (بیش از 10 تا کنون)
    پوسته آی فون اپل compal FlashVars minut skinable erabIed videos7 محلی و وزارت معارف! envato AftESS انجمن FASTSI.FPORT

  • دانلود کنید
    مولفه های دیگر در این دسته استتمام اجزای این کاربر
    نظراتغالبا پرسش و پاسخ خواسته

    خواص

    ایجاد:
    3 سپتامبر 10، آخرین بروز رسانی

    کلمات کلیدی

    تجارت الکترونیک, همه آیتم ها, توضیحات, فلش, فلش مجدد, flashvars, fullscren, گالری, گرافیک, HTML5, به عنوان مثال, تصاویر, اطلاعات, محلی, ویدیو, حجم, XML