ویدئو YouTube HTML

کورس سفارش:

یوتیوب کا استعمال سے ویب پیج میں ویڈیو کو شامل کرنا سادا طریقہ ہے。

ویڈیو کا فارمات کی باتیں؟

ویڈیو کو مختلف فارمات میں تبدیل کرنا مشکل اور وقت کا تلف ہوتا ہے。

یوتیوب میں ویڈیو کو پلائی کرنا ایک سادے حل ہے。

یوتیوب ویڈیو آئی ڈی

ویڈیو کو محفوظ رکھتے یا پلائی کرتے وقت، یوتیوب ایک آئی ڈی دکھاتا ہے (مثلاً ih1l6wb7LhU)。

آپ اس آئی ڈی کو استعمال کرسکتے ہیں، اور HTML کوڈ میں اپنے ویڈیو کو منسوب کرسکتے ہیں。

یوتیوب ویڈیو کو HTML میں شامل کریں

  • ویب پیج پر ویڈیو کو پلائی کرنا چاہئیں تو مندرجہ ذیل اقدامات کریں:
  • ویڈیو کو یوتیوب پر اپ لوڈ کریں
  • ویڈیو کا آئی ڈی یاد رکھیئے اپنے ویب پیج میں تعریف کریں <iframe>
  • کو عنصر src
  • پلیر کا URL پوائنٹ کرنے کے لئے استعمال کئے جاتے ہیں width اور height پلیر کی انداز کو طہر دینے کے لئے اپنائی جاتی ہیں
  • URL میں دیگر پارامتروں کو شامل کریں (درج ذیل دیکھیے)

مثال

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

آزمایش کنید

یوتیوب آوت پلائی + سکوت

آپ یوتیوب اُرل کا URL میں autoplay=1 شامل کرکے ویڈیو کو استعمال کنندہ کی صفہ کا دورہ کے دوران خودکار طور پر پلائی کر سکتے ہیں۔ لیکن، خودکار طور پر ویڈیو کو پلائی کرنا آپ کے استعمال کنندگان کو بے چین کردار اٹھا سکتا ہے!

توجه:در بیشتر موارد، مرورگرهای Chromium اجازه پخش خودکار را نمی‌دهند. اما همیشه اجازه پخش ساکت را می‌دهند.

در autoplay=1 بعد از این اضافه کنید mute=1، باعث می‌شود که ویدیوی شما به صورت خودکار شروع به پخش شود (اما به صورت ساکت).

YouTube - Autoplay + Muted

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

آزمایش کنید

YouTube Playlist

لیست ویدیوهایی که باید پخش شوند (URL اصلی را حذف کنید).

YouTube Loop

افزودن loop=1 این باعث می‌شود که ویدیوی شما به صورت مداوم و همیشه پخش شود.

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

مقدار 1: ویدیو به صورت مداوم پخش می‌شود (همیشه).

YouTube - Loop

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

آزمایش کنید

کنترلهای YouTube

افزودن controls=0 این باعث می‌شود که ویدیو پخش‌کننده کنترلها نمایش داده نشود.

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

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

YouTube - Controls

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

آزمایش کنید