ویدئوهای یوتیوب
| Main Page Tutorial | |
|---|---|
 | |
| موارد آموزشی | |
| فرم‌های HTML | |
| گرافیک در HTML | |
| رسانه در HTML | |
| ۱ | رسانه |
| ۲ | ویدئو |
| ۳ | صدا |
| ۴ | پلاگین |
| ۵ | یوتیوب |
| APIها در HTML | |
| مثال‌ها | |
| مرجع HTML | |
ساده‌ترین راه برای پخش ویدیو در HTML استفاده از یوتیوب است.[۱]
درگیری با فرمت ویدیو؟
نکته: پیش‌تر در این آموزش، ممکن است دیده باشید که باید قالب‌بندی ویدیوهای خود را تبدیل کنید تا بتوانند در همهٔ مرورگرها نمایش داده شوند.
تبدیل ویدیوها به قالب‌بندی‌های متفاوت ممکن است دشوار و زمان‌بر باشد.
یک راه حل ساده این است که به یوتیوب اجازه دهید تا ویدیو را در صفحه وب شما پخش کند.
شناسه (به انگلیسی: 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">
منابع آموزشی