طراحی و بهینه سازیمشاهده


آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش سوئیفت SWIFT آموزش سوئیفت Swift برنامه نویسی اپل

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

درگاه پرداخت

آموزش اجرای فیلم در پس زمینه وب سایت توسط Html5 و CSS3

CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند
آموزش اجرای فیلم در پس زمینه وب سایت توسط Html5 و CSS3Reviewed by M.J on Jul 13Rating: 5.0آموزش اجرای فیلم در پس زمینه وب سایت توسط Html5 و CSS3شاید شما هم در برحی از وب سایت های خارجی و یا ایرانی دیده باشید که به جای درج عکس و یا رنگ در پس زمینه وب سایت , از یک ویدئو استفاده میکنند . طبیعتا این کار به دلیل حجم بالای فیلم ها پیشنهاد نمیشود . اما میتونید از یک تکه فیلم قابل تکرار استفاده نمایید که هم دارای حجم کمتری خواهد بود و هم ما رو به هدفمان خواهند رساند .

شاید شما هم در برحی از وب سایت های خارجی و یا ایرانی دیده باشید که به جای درج عکس و یا رنگ در پس زمینه وب سایت , از یک ویدئو استفاده میکنند .

طبیعتا این کار به دلیل حجم بالای فیلم ها پیشنهاد نمیشود . اما میتونید از یک تکه فیلم قابل تکرار استفاده نمایید که هم دارای حجم کمتری خواهد بود و هم ما رو به هدفمان خواهند رساند .

برای این ساعت از سایت بیست اسکریپت قصد دارم آموزش این کار را در اختیار شما عزیزان قرار دهم .

 

 

و اما آموزش :

برای این کار ابتدا باید کد زیر را در تگ داخل تگ body قرار دهید . (ترجیحا در ابتدای تگ باز شونده body )

توجه : حتما باید فیلم با پسوند mp4 باشد . (  به دلیل پشتیبانی تمامی مرورگر ها از این پسوند )

در ادامه بخوانید  کتاب آموزشی HTML و XHTML به زبان فارسی

حال میبایست کد زیر را در css خود قرار دهید

در باکس دانلود می توانید هم دمو را دریافت کنید و هم آن را به صورت آنلاین مشاهده فرمایید.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود

خرید هاست پربازدید با منابع کاملا اختصاصی


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1394/04/22 1 CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند

لینک کوتاه مطلب : http://www.20script.ir/?p=13327

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
2,147افزونه منو موبایلی TapTap برای وردپرس تاریخ : 1395/02/9
12,179سیستم همکاری در فروش پادینا سیستم تاریخ : 1393/01/16
2,889دانلود قالب مجله ای وردپرس True Mag نسخه 4.2.8.2 تاریخ : 1395/04/25
13,383ابزار قالب ساز آنلاین مخصوص بلاگفا تاریخ : 1394/06/4
2,637اسکریپت نشان دهنده قبل و بعد از تغییر عکس تاریخ : 1393/08/23
1,497اسکریپت پایانه پرداخت پیشرفته Stripe نسخه 1.4 تاریخ : 1394/09/30
3,018مدیریت فایل ها به صورت حرفه ای با اسکریپت Mollify تاریخ : 1393/11/4
2,625اسکریپت پشتیبانی مشتری و تیکت Metro Help Desk تاریخ : 1394/01/4
1,828اسکریپت نقد و بررسی سئو وب سایت Website Review نسخه 4.3 تاریخ : 1394/09/10
6,140کد رفتن به بالای صفحه سایت و وبلاگ تاریخ : 1392/10/4
2,132اسکریپت حرفه ای فروشگاه بازی GameShop تاریخ : 1392/10/2
2,127اسکریپت اشتراک گذاری و دانلود نرم افزار Filemono فارسی تاریخ : 1393/02/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب