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

هاست

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

CSS / HTML , آموزش طراحی , آموزش ها , مقالات,آموزش,ترفند

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

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

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

 

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

 

و اما آموزش :

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

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

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

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


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

دانلود
.

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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
3,971دانلود قالب مجله ای وردپرس True Mag نسخه 4.2.8.2 تاریخ : 1395/04/25
2,296آموزش قرار دادن ویدیو در پس زمینه سایت تاریخ : 1395/05/6
3,395آموزش ساخت ابزارک در وردپرس تاریخ : 1394/05/21
2,939دانلود قالب لایه باز با موضوع هاستینگ تاریخ : 1394/10/10
2,050اسکریپت شبکه اجتماعی Socialkit نسخه 2.0.0 تاریخ : 1394/12/22
2,242افزونه توصیه محصولات برای EDD تاریخ : 1395/03/14
11,992با افزونه Themify Builder برای وردپرس خود قالب بسازید تاریخ : 1396/11/28
5,640با افزونه Autoptimize در وردپرس تخته گاز برانید تاریخ : 1395/03/3
4,966دانلود قالب چندمنظوره و فارسی Lotus برای وردپرس تاریخ : 1395/04/30
20,097اسکریپت افزایش آمار بازدید ساز نسخه 2 تاریخ : 1393/01/25
5,181قالب هاستینگ وطن سرور به صورت HTML تاریخ : 1392/12/16
2,684افزونه ارسال خودکار مطالب به تلگرام WP Telegram تاریخ : 1396/07/29
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب