جهت ورود به تالار گفتمان سایت کلیک کنید


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

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

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

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

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

و اما آموزش :

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

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

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

دموی آماده

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

آموزش : وحید مجیدی

پخش اختصاصی

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (لطفا رای بدید)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

    11 پاسخ به “آموزش اجرای فیلم در پس زمینه وب سایت توسط html5 و css3”

    1. مجتبي گفت:

      سلام
      فیلم پس زمینه با مرورگر کامپیوتر بدون مشکل اجرا میشه ولی با مرورگر کروم گوشی اجرا نشد. چجوری این مشکل میشه برطرف کرد؟

    2. peymani گفت:

      salam ino chejuri to ghalebe wp bezarim

    3. قاسم پور گفت:

      توضیحاتتون کاملا واضح بود ممنون

    4. کمالی گفت:

      سلام استاد
      میشه توی وبلاگ هم استفاده کرد ؟
      چجوری آدرس وبلاگ من بالا هست موردی نداره از چه وبلاگی استفاده میکنم ؟
      چجوری و به جه ضورت ؟اگر برای من ایمیل کنید ممنون میشم
      کمالی

      • وحید مجیدی گفت:

        دوست عزیزم من در وبلاگ اصلا کار نمیکنم اما فکر کنم بشه

    5. محمد رضا گفت:

      ممنون مطلب مفیدی بود استفاده کردیم

    دیدگاهتان را بنویسید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *