Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

Iframe

الدرس 2 من 7 في دورة مشغل فيديوهات YouTube - مشروع HTML على Coddy.

أسهل طريقة لإنشاء مشغل YouTube في موقعك الإلكتروني هي باستخدام وسم iframe:

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

لاحظ بعض الأشياء:

  • تحديد سمات width و height يتحكم في حجم مشغل الفيديو،
  • سمة src هي الرابط الخاص بفيديو YouTube.
  • يجب أن يكون الرابط بالتنسيق التالي:
    • https://www.youtube.com/embed/id حيث id هو معرف الفيديو، إنه ليس الرابط المعتاد في YouTube، ستحتاج إلى تعديله!
challenge icon

التحدي

سهل

أنشئ مشغل YouTube باستخدام iframe مع أي فيديو تختاره، وأضف سمات width و height من اختيارك.

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>

جميع دروس مشغل فيديوهات YouTube - مشروع HTML