بهترین راه برای استفاده از یوتیوب در html

پخش خودکار آموزش YouTube در html

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

کافیست ، مقادیر زیر را در صفت autoplay تنظیم کنید:

Value 0 (پیش فرض) : ویدئو بصورت خودکار پخش نمی شود.

Value 1 : ویدئو زمانیکه ، player بارگزاری شود ، بصورت خودکار ، پخش می شود.

مثال:

مثال : ryhtml_youtubeiframe_autoplayکپخش خودکار ویدئوهای یوتیوب

<iframe width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1">

</iframe>

1

2

3

<iframe width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1">

</iframe>

لیست پخش (YouTube Playlis )

این قابلیت در آموزش html لیست کاملی از ویدیوهایی که اجرا می شود، را اضافه می کند (علاوه بر URL اولیه).

پخش مجدد ویدئو پس از اتمام (Loop)

Value 0 (پیش فرض) : ویدئو به خودی خود، یکبار اجرا می شود.

Value 1 : زمانیکه ویدئو به انتهای پخش برسد، مجددا اجرا می شود.

مثال:

مثال : لیست پخش

<iframe width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">

</iframe>

1

2

3

<iframe width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">

</iframe>

خودتان امتحان کنید »

کنترل های YouTube

Value 0 : کنترل های player نمایش داده نمی شود.

Value 1 (پیش فرض) : کنترل های player نمایش داده می شود.

مثال:

مثال : کنترل پخش ویدئوها

<iframe width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">

</iframe>

1

2

3

<iframe width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">

</iframe>

خودتان امتحان کنید »

استفاده از عناصر <object> یا <embed>

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

مثال : استفاده از تگ object (منسوخ شده)

<object width="420" height="315"

data="https://www.youtube.com/embed/tgbNymZ7vqY">

</object>

1

2

3

<object width="420" height="315"

data="https://www.youtube.com/embed/tgbNymZ7vqY">

</object>

خودتان امتحان کنید »

مثال : استفاده از تگ embed (منسوخ شده)

<embed width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY">

1

2

<embed width="420" height="315"

src="https://www.youtube.com/embed/tgbNymZ7vqY">