كيفية إدراج فيلم أو فيديو في مستند HTML

يمكنك تضمين فيلم في مستند HTML باستخدام الأمثلة أدناه. للتوافق ، نوصي باستخدام تنسيق الفيديو MP4 ، الذي تدعمه جميع المتصفحات وأنظمة التشغيل الرئيسية.

نصيحة: يمكن أن تكون استضافة الأفلام على الخادم الخاص بك مكلفة بسبب تكاليف النطاق الترددي. إذا كنت لا ترغب في القلق بشأن استضافة ملفات الفيديو وترغب في جذب انتباه جمهور كبير ، فإن استضافة الفيديو على YouTube ودمج الرابط على موقعك فكرة رائعة.

ملاحظة: لن تعمل جميع الاقتراحات التالية لجميع المتصفحات. تأكد من أن الحل الذي تقرر استخدامه يعمل مع المتصفحات التي تريد دعمها.

توفر الأمثلة أدناه طرقًا مختلفة لجعل ملف الفيديو قابلاً للعرض من نافذة المتصفح. نوصي أيضًا بإنشاء رابط تنزيل مباشر للملف ، مما يسمح للزائرين بتنزيل الملف إذا لم يتم تشغيل الفيلم في المستعرض. فيما يلي مثالان للروابط المباشرة لملفي الفيديو في هذا المستند.

روبوت محرك الأقراص المرنة

كود HTML

 روبوت محرك الأقراص المرنة 

آي بي إم لينكس التجارية

كود HTML

 آي بي إم لينكس التجارية 

تضمين فيديو يوتيوب

تعد استضافة مقاطع الفيديو على YouTube أمرًا رائعًا لأنها توفر تكاليف عرض النطاق الترددي ، ويمكن أن تدعم الكثير من المشاهدين ، كما يمكنها تقديم مقاطع الفيديو الخاصة بك لزوار الصفحة الأكثر شعبية على الإنترنت. يوجد أدناه مثال على مقطع فيديو مستضاف على YouTube ومضمّن في هذا الموقع.

كود HTML

يمكن العثور على رمز HTML لجميع مقاطع فيديو YouTube من خلال رابط المشاركة الموجود في كل مقطع فيديو على YouTube. بمجرد النقر على رابط المشاركة ، انقر فوق رابط التضمين . فيما يلي مثال للرمز المستخدم لعرض فيديو YouTube أعلاه.

علامة الفيديو

العلامة هي علامة HTML مصممة لعرض مقاطع الفيديو في جميع المتصفحات الحديثة. تدعم العلامة تنسيقات الفيديو MP4 و Ogg و WebM ويمكن تنفيذها باستخدام علامة HTML واحدة.

كود HTML

 متصفحك لا يدعم 

علامة التضمين الأساسية

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

مثال كود HTML

في هذا المثال ، تستخدم عنصر التضمين للإشارة إلى مصدر ملف الفيلم الذي تريد تشغيله. ضع في اعتبارك ، هذا مثال أساسي للغاية ولن يعرض أي تحذير أو توجيه المستخدم إلى موقع لتنزيل مكون إضافي إذا كان ملف الفيديو غير مدعوم.

إضافة ملف الفيلم باستخدام علامة img

إذا كنت لا ترغب في استخدام العلامة ، يمكنك أيضًا تضمين ملف فيلم باستخدام العلامة ، كما هو موضح في المثال أدناه.

مثال كود HTML

تضمين علامة لتشغيل أفلام QuickTime (.MOV)

تعد ملفات أفلام Apple QuickTime نوعًا آخر شائعًا من الأفلام على الإنترنت. فيما يلي مثال أساسي لكيفية تضمين هذه الملفات في صفحة الويب الخاصة بك.

ملاحظة: لم يعد QuickTime مدعومًا على Microsoft Windows ولم تعد جميع المتصفحات الجديدة تدعم هذه الطريقة في تضمين أفلام QuickTime.

مثال كود HTML

في المثال السابق ، يشير الجزء الأول من الكود إلى src (المصدر) لملف الفيلم ، وهو ملف الفيلم نفسه. بعد ذلك ، صفحة الإضافات هي موقع المكون الإضافي إذا لم يكن الزائر مثبتًا عليه. العرض والارتفاع هما الأبعاد الفعلية لملف الفيديو. يمكن ضبط قيمة وحدة التحكم على صواب أو خطأ لتبديل عرض عناصر التحكم السفلية.

نصيحة: قد ترغب في زيادة ارتفاع ملف الفيديو إذا لم تتمكن من رؤية وحدة التحكم.

حلقة هي إعداد عندما تريد أن يبدأ الملف من جديد تلقائيًا عند الانتهاء. أخيرًا ، يخبر التشغيل التلقائي المتصفح أن يبدأ تشغيل ملف الفيديو أو لا يبدأ تشغيله بعد انتهاء تحميل الصفحة.

اكتب سمة لعلامة التضمين لتحديد المكوّن الإضافي

في علامة التضمين ، قم بتضمين سمة الكتابة لتحديد نوع MIME لملف الفيديو. يتيح لك القيام بذلك تحديد المكون الإضافي اللازم لتشغيل الفيديو في المستعرض.

مثال كود HTML

في المثال أعلاه ، يتم تعيين سمة type على video / x-msvideo ، وهو نوع MIME لملفات فيديو AVI.

لتحديد القيمة المراد تعيينها إلى سمة الكتابة لأنواع أخرى من ملفات الفيديو ، تحقق من قائمة أنواع MIME لملفات الفيديو على صفحة أنواع وسائط IANA.