ضغط الفيديو للموقع

WebM أولًا، وMP4 احتياطيًا

الفيديو في الصفحة جزء من وزنها، لذا يُحمَّل الملف الأصغر أسرع. ويعطي VP9 داخل WebM ملفًا أصغر من H.264 بالجودة نفسها. ويذكر موقع Can I use دعمًا كاملًا لـ WebM في Chrome وEdge وFirefox، وفي Safari 16 والأحدث على macOS، وفي Safari على iOS 17.4 والأحدث (caniuse، تم التحقق في سبتمبر 2026).

لإصدارات Safari الأقدم، أضف ملف MP4. شغّل المصدر نفسه مرة أخرى مع ضبط «الصيغة» على MP4، واذكر الملفين في العنصر `<video>` مع WebM أولًا. يمر المتصفح على عناصر `<source>` ويستخدم أول عنصر يستطيع تشغيله، ومع السمة `type` يتخطى العناصر غير المدعومة دون تنزيلها (MDN).

دقة 720p تعني 1280 × 720 للفيديو الأفقي. وإذا كان المشغّل في صفحتك أعرض من 1280 بكسل، فاختر 1080p ضمن «حجم الشاشة» بدلًا منها.

حلقات الخلفية والصوت

يسمح Chrome دائمًا بالتشغيل التلقائي للفيديو المكتوم (Chrome for Developers). وعلى iOS، يعمل `<video autoplay>` دون لمس إذا كان مكتومًا أو بلا مسار صوتي، ويحتاج إلى `playsinline` ليُشغَّل داخل الصفحة على iPhone (WebKit). وفي حلقة الخلفية لا يُسمع الصوت أبدًا، لذا اضبط «الصوت» على «إزالة الصوت» في «متقدم»، فلا يحمل الملف أي مسار صوتي.

أما الفيديو الذي يشغّله الناس مع الصوت، فاحتفظ بصوته. لا يخزّن WebM إلا صوت Opus أو Vorbis، لذا لا ينسخ خيار «كما هو» المسار إلا إذا كان المصدر بترميز Opus أو Vorbis أصلًا، ويُحوَّل أي ترميز آخر إلى Opus. ويُدمج الصوت الذي يزيد على قناتين في صوت ستيريو.

في الصفحة

استخدم `preload="metadata"` أو `preload="none"` حتى لا يجلب المتصفح الملف كله مسبقًا، وصورة `poster` تظهر إلى أن يبدأ الفيديو (MDN). وتحتاج مقاطع الخلفية إلى `muted playsinline autoplay loop`.

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

الأسئلة الشائعة