٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش HTML فیلم ها یوتیوب

ساده ترین راه برای پخش فیلم ها در HTML ، استفاده از YouTube است. با فرمت های ویدیویی مبارزه می کنید؟ تبدیل فیلم ها به قالب های مختلف ممکن است دشوار و زمانبر باشد. یک راه حل آسان تر این…

محمد یوسفی

3 جولای 2021

ساده ترین راه برای پخش فیلم ها در HTML ، استفاده از YouTube است.


با فرمت های ویدیویی مبارزه می کنید؟

تبدیل فیلم ها به قالب های مختلف ممکن است دشوار و زمانبر باشد.

یک راه حل آسان تر این است که به YouTube اجازه دهید فیلم ها را در صفحه وب شما پخش کند.


شناسه ویدیوی YouTube

هنگام ذخیره (یا پخش) فیلم ، YouTube یک شناسه (مانند tgbNymZ7vqY) نمایش می دهد.

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


پخش یک ویدیوی YouTube با HTML

برای پخش فیلم خود در یک صفحه وب ، موارد زیر را انجام دهید:

  • ویدیو را در YouTube بارگذاری کنید
  • شناسه ویدیو را یادداشت کنید
  • یک <iframe>عنصر را در صفحه وب خود تعریف کنید
  • اجازه دهید srcویژگی به URL ویدیو اشاره کند
  • از ویژگی ها widthو heightبرای تعیین ابعاد پخش کننده استفاده کنید
  • پارامترهای دیگری را به URL اضافه کنید (به زیر مراجعه کنید)

مثال

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe

پخش خودکار YouTube + بی صدا

با افزودن autoplay=1به URL YouTube ، می توانید اجازه دهید ویدیوی شما هنگام بازدید کاربر از صفحه به طور خودکار پخش شود . با این حال ، شروع خودکار ویدیو برای بازدیدکنندگان آزار دهنده است!

توجه: مرورگرهای Chromium در بیشتر موارد اجازه پخش خودکار را نمی دهند. با این حال ، پخش خودکار بی صدا همیشه مجاز است.

mute=1بعد را اضافه کنید autoplay=1تا ویدیوی شما شروع به پخش خودکار کند (اما بی صدا است).

YouTube – پخش خودکار + بی صدا

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>

لیست پخش YouTube

لیستی از ویدیوها برای پخش با کاما (علاوه بر URL اصلی).


حلقه YouTube

اضافه کنید loop=1تا ویدیوی شما برای همیشه حلقه داشته باشد.

مقدار 0 (پیش فرض): ویدیو فقط یک بار پخش می شود.

ارزش 1: ویدیو حلقه می شود (برای همیشه).

YouTube – حلقه

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>

کنترل های YouTube

اضافه کردن controls=0به کنترل های صفحه نمایش در پخش ویدئو است.

مقدار 0: کنترل کننده های پخش نمایش داده نمی شوند.

مقدار 1 (پیش فرض): پخش کننده صفحه نمایش را کنترل می کند.

YouTube – کنترل ها

<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها