دليل المستخدم إلغاء

إدراج فيديو HTML5

 

 

تعرف على كيفية إدراج فيديو HTML5 في صفحات الويب الخاصة بك ومعاينته في مستعرض.

يسمح Dreamweaver لك بإدراج فيديو HTML5 في صفحات الويب.

يوفر عنصر فيديو HTML5 طريقة قياسية لتضمين الأفلام أو ملفات الفيديو في صفحات الويب.

لمزيد من المعلومات حول عنصر فيديو HTML، انظر المقالة الموجودة على فيديو HTML5 على W3schools.com.

إدراج فيديو HTML5

  1. تأكد من وجود المؤشر في الموقع الذي تريد إدراج الفيديو فيه.

  2. حدد Insert > HTML > HTML5 Video. تم إدراج عنصر فيديو HTML5 في الموقع المحدد.

  3. في لوحة Properties، حدد القيم للخيارات المتنوعة.

    Source / Alt Source 1 / Alt Source 2: في Source، أدخل موقع ملف الفيديو. وبدلاً من ذلك، انقر فوق رمز المجلد لتحديد ملف فيديو من نظام الملفات المحلي. يختلف دعم تنسيقات الفيديو على المستعرضات المختلفة. إذا كان تنسيق الفيديو في Source غير مدعوم على أحد المستعرضات، يتم استخدام تنسيق الفيديو المحدد في Alt Source 1 أو Alt Source 2. يحدد المستعرض أول تنسيق يتم التعرف عليه لعرض الفيديو.

    تحديد الخصائص لفيديو HTML5
    تحديد الخصائص لفيديو HTML5

    ملاحظة:

    لإضافة ملفات فيديو سريعًا إلى الحقول الثلاثة، استخدم التحديد المتعدد. عند اختيار ثلاثة تنسيقات فيديو لنفس ملف الفيديو من أحد المجلدات، يتم استخدام أول تنسيق في القائمة مع Source. يتم استخدام التنسيقات التالية الموجودة في القائمة لتعبئة Alt Source 1 وAlt Source 2 تلقائيًا.

    انظر الجدول أدناه لمزيد من المعلومات حول المستعرض وتنسيق الفيديو المدعوم. للحصول على أحدث المعلومات، انظر HTML5 - دعم المستعرض.

    المستعرض

    MP4

    WebM

    Ogg

    Internet Explorer 9

    نعم

    لا

    لا

    Firefox 4.0

    لا

    نعم

    نعم

    Google Chrome 6

    نعم

    نعم

    نعم

    Apple Safari 5

    نعم

    لا

    لا

    Opera 10.6

    لا

    نعم

    نعم

    • Title: تحديد عنوان للفيديو.
    • Width (W): أدخل عرض الفيديو بالبكسل.
    • Height (H): أدخل ارتفاع الفيديو بالبكسل.
    • Controls: حدد إذا كنت تريد عرض عناصر تحكم الفيديو مثل Play وPause وMute في صفحة HTML.
    • Autoplay: حدد إذا كنت تريد تشغيل الفيديو بمجرد تحميله على صفحة الويب.
    • Poster : أدخل موقع الصورة التي تريد عرضها حتى يكتمل تنزيل الفيديو، أو حتى ينقر المستخدم على Play. تتم تعبئة القيمتين Width وHeight تلقائيًا عند إدراج الصورة.
    • Loop : حدد هذا الخيار إذا كنت تريد استمرار تشغيل الفيديو حتى يقوم المستخدم بإيقاف تشغيل الفيلم.
    • Muted: حدد هذا الخيار إذا كنت تريد كتم صوت الفيديو.
    • Flash Video:حدد ملف SWF للمستعرضات التي لا تدعم فيديو HTML 5.
    • Fallback text: قم بتوفير النص المراد عرضه إذا كان المستعرض لا يدعم HTML5.
    • Preload: لتحديد تفضيلات المؤلف حول كيفية تحميل الفيديو عند تحميل الصفحة. يؤدي تحديد Auto إلى تحميل الفيديو بالكامل عند تحميل الصفحة. يؤدي تحديد Metadata إلى تنزيل بيانات التعريف فقط بعد اكتمال تنزيل الصفحة.

معاينة الفيديو في المستعرض

  1. حفظ صفحة الويب.

  2. حدد File > Real-time Preview. حدد المستعرض الذي تريد معاينة الفيديو فيه.

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟