ویڈیوز، ویڈیوز، ویڈیوز

آپ <devsite-video> حسب ضرورت عنصر کا استعمال کرتے ہوئے YouTube ویڈیوز کو براہ راست DevSite صفحات میں سرایت کر سکتے ہیں۔ تمام ویڈیوز ریسپانسیو ہیں اور ویو پورٹ کی چوڑائی میں تبدیلی کے ساتھ 16:9 کا تناسب برقرار رکھتے ہیں۔

یوٹیوب ویڈیو کو ایمبیڈ کرنے کے لیے، اپنے صفحہ پر ایک <devsite-video> حسب ضرورت عنصر شامل کریں اور ویڈیو کے لیے v URL پیرامیٹر کی قدر پر video-id وصف سیٹ کریں۔

مثال کے طور پر، YouTube ویڈیو "Your First Script - Apps Script Tutorials" کو سرایت کرنے کے لیے جسے آپ https://www.youtube.com/watch?v=Pgfbl_o9WvM پر تلاش کر سکتے ہیں، درج ذیل <devsite-video> اپنی مرضی کے عنصر کو شامل کریں۔ DevSite صفحہ:

<devsite-video video-id="Pgfbl_o9WvM"></devsite-video>

پھر <devsite-video> کسٹم عنصر کو ایک <div> عنصر میں لپیٹیں جس کا class وصف ذیل میں سے کسی ایک قدر پر سیٹ کیا گیا ہے:

<div class="video-wrapper-left">
  <devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>

طے شدہ

مندرجہ ذیل مثال سے پتہ چلتا ہے کہ جب <devsite-video> کو ایک <div> عنصر میں لپیٹا جاتا ہے جس کی class کا وصف video-wrapper پر سیٹ ہوتا ہے تو ایمبیڈڈ یوٹیوب ویڈیو کیسے ظاہر ہوتا ہے۔

بڑی اسکرینوں پر، ویڈیو مواد کے علاقے کی چوڑائی کا 50% ہے اور ویڈیو سے پہلے آنے والے کسی بھی مواد کے دائیں طرف تیرتا ہے۔ چھوٹی اسکرینوں پر، ویڈیو مواد کے علاقے کی چوڑائی کا 100% ہے۔

کوڈ 

<div class="video-wrapper">
  <devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>

<p>Lorem ipsum dolor...</p>

ڈیمو

بائیں تیرا۔

مندرجہ ذیل مثال سے پتہ چلتا ہے کہ جب <devsite-video> کو ایک <div> عنصر میں لپیٹا جاتا ہے جس کی کلاس کا وصف video-wrapper-left پر سیٹ ہوتا ہے تو ایمبیڈڈ یوٹیوب ویڈیو کیسے ظاہر ہوتا ہے۔

بڑی اسکرینوں پر، ویڈیو مواد کے علاقے کی چوڑائی کا 50% ہے اور ویڈیو سے پہلے آنے والے کسی بھی مواد کے بائیں طرف تیرتا ہے۔ چھوٹی اسکرینوں پر، ویڈیو مواد کے علاقے کی چوڑائی کا 100% ہے۔

کوڈ 

<div class="video-wrapper-left">
  <devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>

<p>Lorem ipsum dolor...</p>

ڈیمو

پوری چوڑائی

مندرجہ ذیل مثال سے پتہ چلتا ہے کہ جب <devsite-video> کو ایک <div> عنصر میں لپیٹا جاتا ہے جس کی class وصف video-wrapper-full-width پر سیٹ کیا جاتا ہے تو ایمبیڈڈ YouTube ویڈیو کیسے ظاہر ہوتا ہے۔

ویڈیو مواد کے علاقے کی چوڑائی کا 100% ہے اور ویڈیو سے پہلے آنے والے کسی بھی مواد کے لے آؤٹ کو متاثر نہیں کرتا ہے۔

کوڈ 

<div class="video-wrapper-full-width">
  <devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>

<p>Lorem ipsum dolor...</p>

ڈیمو

نوٹس

تمام کوڈ کی مثالیں DevSite کے Embed YouTube ویجیٹ کا استعمال کرتی ہیں، جو Google Analytics ڈیٹا کو خود بخود ٹریک کرتا ہے۔ سوائے ان خاص معاملات کے جہاں آپ ایمبیڈڈ ویڈیو کے استعمال کے اعدادوشمار جمع نہیں کرنا چاہتے، اس ویجیٹ کو استعمال کریں۔ اس کے بغیر، آپ کے ویڈیو کے استعمال کے اعداد و شمار Analytics کو نہیں بھیجے جائیں گے۔