قدم قبلی >< قدم بعدی

یوتیوب HTML

فیلمهای یوتیوب HTML 

در این آموزش html   به معرفی یوتیوب HTML  می پردازیم.

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

مبارزه با فرمت های ویدیویی

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

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

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

آی دی ویدئو یوتیوب

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

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

پخش ویدئو یوتیوب در HTML

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

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

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

نکته: هنگام تصمیم گیری برای پخش خودکار فیلم ها، مراقب باشید. به طور خودکار شروع یک ویدیو می تواند بازدید کننده خود را آزار دهنده و در نهایت باعث آسیب بیشتر از خوب است.

مقدار ۰ (به طور پیش فرض): هنگامی که پخش بارگذاری می شود، فیلم به طور خودکار پخش نمی شود.

مقدار ۱: هنگامی که پخش بارگذاری می شود، ویدئو بطور خودکار پخش خواهد شد.

لیست پخش یوتیوب

لیست کاملی از ویدیوهایی که بازی می کنند را اضافه می کند (علاوه بر URL اولیه).

حلقه YouTube

مقدار ۰ (به طور پیش فرض): ویدئو تنها یک بار پخش خواهد شد.

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

کنترل های YouTube

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

مقدار ۱ (به طور پیش فرض): کنترل پخش کننده نمایش داده می شود.

یوتیوب – با استفاده از <object> یا <embed>

توجه: YouTube <object> و <embed> از ژانویه ۲۰۱۵ منع شده بودند. شما باید فیلم های خود را به جای استفاده از <iframe> مهاجرت کنید.

 

گام قبلی >< گام بعدی