Yendif Video Share Pro 1.2.3
اختصاصی از یارا فایل Yendif Video Share Pro 1.2.3 دانلود با لینک مستقیم و پرسرعت .
کامپونتی برای ایجاد وب سایت اشتراک ویدوی میباشد که امکانات خارق العاده ای دارد.
کامپونت Yendif Video share یکی از قوی ترین و کاربردترین افزونه های جهت ساخت ویدو گالری میباشد که میتوانید ان را در محتواهای جوملا نیز وارد کنید.
Yendif Video Share Pro 1.2.3 >>> پشتیبانی از جوملا 2.5 و 3
Spider Video Player 2.8.1
اختصاصی از یارا فایل Spider Video Player 2.8.1 دانلود با لینک مستقیم و پرسرعت .
این افزونه از html5 , flash پشتیبانی می کند. همچنین می توانید روی انواع تلفن های همراه ویدئو ها را پخش کنید ، در این پلیر می توانید کیفیت تصویر را هنگام پخش تعیین کنید ، همچنین قسمتی برای اشتراک گذاری ویدئو در افزونه تعبیه شده است.
ویژگی ها:
- پشتیبانی از html5 و flash
- ایجاد لیست ویدئو
- قسمتی برای نمایش hd
- گزینه ای برای Full
ایجاد watermark بر تصویر
- دارای چند گزینه خودکار uto play, auto next song,
- نمایش / پنهان کردن دکمه های کنترل ویدئو
و…
Spider Video Player 2.8.1 >>> پشتیبانی از جوملا 1.5، 2.5 و 3
All Video Share Pro 2.3.0
اختصاصی از یارا فایل All Video Share Pro 2.3.0 دانلود با لینک مستقیم و پرسرعت .
این کامپوننت یکی از بهترین و زیباترین کامپوننت پخش ویدئو و نمایش آن به صورت گالری می باشد. بسته دانلود شامل کامپوننت، ماژول و پلاگ این می باشد که در هنگام نصب همگی آنها نصب می شوند. با نصب کامپوننت می توانید وب سایت خود را همانند وب سایت یوتیوب نمایش دهید.
جدا از سایر پخش کننده های ویدئو این کامپوننت پخش کننده مجزا برای خود داشته و بر روی HTML5 کار نمایش نوع پخش کننده را بسیار زیبا کرده است.
All Video Share Pro 2.3.0 >>> پشتیبانی از جوملا 1.5، 2.5 و 3
JUX Background Video 2.0.8
اختصاصی از یارا فایل JUX Background Video 2.0.8 دانلود با لینک مستقیم و پرسرعت .
ماژول نمایش فیلم در پسزمینه قالب برای جوملا
ماژول JUX Background Video یک ماژول ابتکاری جهت نمایش فیلم در پسزمینه به صورت تمام صفحه برای جوملا می باشد.
ویژگی های برجسته:
- پشتیبانی از جوملا 2.5 و جوملا 3
- فیلم های نامحدود با پخش مداوم
- پشتیبانی از نمایش به صورت تمام صفحه و یا نمایش در یک موقعیت ماژول
- نمایش تصویر بندانگشتی
- دکمه های بعد، قبل و توقف فیلم
- پیکربندی انعطاف پذیر با گزینه های نمایش / عدم نمایش
- سفارشی سازی آسان با CSS سفارشی
- پشتیبانی از مرورگرهای مختلف (IE 9+، فایرفاکس، کروم، سافاری)
- جی کوئری با noConflict
- پشتیبانی از پخش خودکار
- تغییر رنگ نوار کنترل
- تغیر رنگ نوار پیشرفت
JUX Background Video 2.0.8 >>> پشتیبانی از جوملا 3
آموزش قرار دادن تگ video در HTML5
اختصاصی از یارا فایل آموزش قرار دادن تگ video در HTML5 دانلود با لینک مستقیم و پرسرعت .
در اولین قسمت از سری آموزش های دوران طراحی قصد داریم که به معرفی و نحوه استفاده از تگ Video در HTML5 بپردازیم .
در ابتدا بهتره که بگیم تگ video در نسخه های قبلی از HTML یعنی نسخه HTML4 به پایین وجود نداشت ! و این تگ در زبان HTML ورژن پنجم نمایان شد و تا قبل از آن کاربران برای نمایش ویدیو در سایت خود از برنامه های جانبی از جمله Flash و silverlight استفاده می کردند که جالب است بدانید برنامه های فلش و سیلورلایت به زودی با سفر را از دنیای وب خواهند بست و جای خود را به تکنولوزی های جدید صنعت وب مانند این تگ Video خواهند داد .
اما می رسیم به نحوه کار این تگ , همانطور که در ابتدا گفتیم کار این تگ اضافه کردن یک فایل ویدیویی به وب سایت می باشد . اما باید به این نکته توجه داشته باشیم که مرورگر های مختلف از جمله فایرفاکس و گوگل کروم و دیگر مرورگر ها نوع و یا پسوند خاصی از فایل های ویدیویی پشتیبانی خواهند کرد . جدول زیر نمایانگر این امر می باشد
BrowserMP4WebMOggInternet Explorer 9+YESNONOChrome 6+YESYESYESFirefox 3.6+NOYESYESSafari 5+YESNONOOpera 10.6+NOYESYESاما نحوه استفاده از تگ ویدیو در میان کد های وب سایت به صورت زیر می باشد
تگ video رو با صورت زیر می نویسیم :
این قطعه کد باعث ایجاد یک پلیر و فیلم ویدیویی در سایت شما می شود . خصوصیت width , height تگ video طول و عرض پلیر ویدیو را مشخص خواهد کرد .
خصوصیت poster درون این تگ نیز مشخص کردن تصویر ابتدایی یا شروع ویدیو قبل از پخش آن نمایش داده می شود را تعیین می کند که به آدرس عکس مورد نظر شاره خواهد کرد که در اینجا عکس img1.jpg انتخاب شده است
خصوصیت بعدی این تگ نیز controls می باشد که تعیین کننده این است که ویدیو نمایش داده شده دارای تنظیماتی از قبیل محور زمان و یا میزان صدا و … باشد یا خیر
و اما به مهمترین قسمت این تگ یعنی تگ های درونی آن که با نام source می باشد می رسیم . همانطور که قبلا گفتیم مرورگر های مختلف از ویدیو هایی با پسوند های مختلف پشتیبانی می کنند که در جدول بالا نحوه پشتیبانی آن نمایان شده است . اما پرسش اصلی این است که ما چرا 3 بار از این تگ استفاده کرده ایم .
جواب آن بسیار ساده می باشد چون ما نمی دانیم که کاربر مورد نظر ما با کدام یک از مرورگر ها وارد سایت ما می شود مجبور هستیم که هر 3 فرمت استاندارد را ایجاد کرده و از طریق تگ source به تگ video اضافه کنیم , اما اضافه کردن این 3 تگ به این منظور نیست که مرورگر هر 3 ویدیو را بارگذاری کند که سرعت بارگذاری سایت شما کاهش یابد بلکه مرورگر ها با توجه به نوع فرمتی که پشتیبانی می کنند ویدیو مورد نظر را بارگذاری خواهند کرد .
اما برسیم به خصوصیات تگ source :
خصوصیت src تگ source اشاره به آدرس فایل ویدیو مورد نظر می کند که در اینجا ما در تگ اولین source آدرس movie.mp4 را قرار داده ایم و قسمت بعدی نیز خاصیت type این تگ می باشد که بسته به نوع فایل آدرس دهی شده مشخص می گردد که ما video/mp4 را وارد کرده ایم
و در پایان نیز تگ video را می بندیم . فقط توجه داشته باشید که تگ های source داخل تگ video می باشند .