HTML - Youtube videos تضمين فيديوهات اليوتيوب

📺 تضمين فيديوهات YouTube في HTML

يمكنك تضمين مقاطع الفيديو من YouTube مباشرة داخل صفحة HTML باستخدام وسم <iframe>.

---

✅ الصيغة الأساسية:

<iframe width="560" height="315"
  src="https://www.youtube.com/embed/VIDEO_ID"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen>
</iframe>

⬅ فقط استبدل VIDEO_ID بمعرف الفيديو الموجود في رابط YouTube.

---

🔍 كيف تحصل على رابط التضمين؟

1. افتح الفيديو على YouTube.
2. اضغط على زر مشاركة (Share).
3. اختر تضمين (Embed).
4. انسخ الكود المعروض والصقه في صفحة HTML.

---

🧪 مثال عملي:

<iframe width="560" height="315"
  src="https://www.youtube.com/embed/tgbNymZ7vqY"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen>
</iframe>

---

📌 خصائص مفيدة:

• width و height: لتحديد حجم مشغل الفيديو.
• allowfullscreen: للسماح بعرض الفيديو بوضع ملء الشاشة.
• autoplay: لتشغيل الفيديو تلقائيًا (يجب تفعيله عبر allow).

💡 استخدام <iframe> لتضمين فيديوهات YouTube يُعتبر من أبسط الطرق لإضافة محتوى مرئي إلى موقعك بسهولة.