ویدئوهای یوتیوب

از ویکی کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
۱رسانه
۲ویدئو
۳صدا
۴پلاگین
۵یوتیوب
APIها در HTML
مثال‌ها
مرجع HTML

ساده‌ترین راه برای پخش ویدیو در HTML استفاده از یوتیوب است.[۱]

درگیری با فرمت ویدیو؟

<translate> نکته</translate>  نکته: پیش‌تر در این آموزش، ممکن است دیده باشید که باید قالب‌بندی ویدیوهای خود را تبدیل کنید تا بتوانند در همهٔ مرورگرها نمایش داده شوند.

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

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

شناسه (به انگلیسی: Id) ویدیو YouTube

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

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

نمایش یک ویدیو YouTube در HTML

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

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

مثال – استفاده از iframe (توصیه شده)

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

پخش خودکار YouTube

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

توجه: هنگام تصمیم‌گیری برای پخش خودکار ویدیوهای خود بسیار دقت کنید. شروع خودکار یک ویدیو ممکن است بازدیدکننده را اذیت کند و بجای داشتن مزیت، بیشتر موجب آزار شود.

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

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

YouTube - پخش خودکار

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

لیست نمایش YouTube

لیست ویدیوها با یک ویرگول , از هم جدا می‌شوند (بعلاوه URL اصلی).

حلقه YouTube

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

مقدار ۱: پخش ویدیو دائماً تکرار می‌شود (برای همیشه).

YouTube - حلقه

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

کنترل های YouTube

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

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

کنترل‌های - YouTube

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

YouTube - استفاده از <object> یا <embed>

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

مثال - استفاده از <object> (منسوخ شده)

1 <object width="420" height="315"
2 data="https://www.youtube.com/embed/tgbNymZ7vqY">
3 </object>

مثال - استفاده از <embed> (منسوخ شده)

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


منابع آموزشی