freeCodeCamp/guide/arabic/html/tutorials/embedding-youtube-videos/index.md

37 lines
2.0 KiB
Markdown

---
title: Embedding Youtube Videos
localeTitle: تضمين مقاطع الفيديو على Youtube
---
## تضمين مقاطع الفيديو على Youtube
ربما كنت قد شاهدت العديد من المرات على مواقع الويب المفضلة لديك. سنتحدث اليوم عن تضمين مقاطع فيديو YouTube ، ما هو سهل جدًا ، حتى إذا لم يكن لديك أي معلومات عن ذلك. لهذا الإجراء ، سنستخدم عنصر `<frame>` ، وهو أمر مفيد للغاية في تضمين ملفات HTML أخرى. كثيرا ما يستخدم لترويج بعض المنتجات كما يضيف. لاحظ أنك لست مقيدًا فقط بـ YouTube - يمكنك أيضًا تجربة المستندات الأخرى.
### `<frame>` العنصر
#### عن طريق
يمكنك بسهولة وضع الفيديو الذي اخترته باستخدام عنصر `<frame>` . ولكن تذكر أنك تحتاج أيضًا إلى تحديد ارتفاع وعرض المشغل ، لذلك سوف نستخدم سمات `height` `width` .
ماذا سنحتاج؟
* الفيديو على موقع يوتيوب و URL
* عنصر `<frame>` (لا تنسى إغلاقه!)
* سمات `width` `height`
`
<iframe width="420" height="315"
src="https://www.youtube.com/watch?v=v8kFT4I31es">
</iframe>
`
يتم إدراج القيم المدرجة ، ولكن لا تتردد في تغييرها بالطريقة التي تريدها.
#### تشغيل تلقائي
ماذا يجب أن نفعل إذا كنا نرغب في جعل هذا اللاعب يبدأ اللعب تلقائيًا؟ ما عليك سوى الإضافة إلى قيمة الرابط `?autoplay=1` . ولكن كن حذرًا ، فقد يكون الأمر مزعجًا بالنسبة إلى الكثير من الأشخاص الذين يزورون صفحتك على الويب.
`
<iframe width="420" height="315"
src="https://www.youtube.com/watch?v=v8kFT4I31es?autoplay=1">
</iframe>
`