ساده ترین راه برای پخش فیلم ها در 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>
