فيديو أصلي بملء الشاشة

1فيديو بملء الشاشة مدمج#

يدعم تطبيقك المُنشأ بالفعل تشغيل الفيديو بملء الشاشة الأصلي. عندما يضغط المستخدم زر ملء الشاشة على عنصر HTML5 <video>، يقوم التطبيق بما يلي:

• يدخل وضع ملء الشاشة الغامر الحقيقي
• يدور تلقائيًا إلى الوضع الأفقي
• يخفي كل أشرطة التنقل
• يعيد الاتجاه العمودي عندما يخرج المستخدم من ملء الشاشة

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

2مصادر الفيديو المدعومة#

أنواع الفيديو التالية تعمل مع ملء الشاشة:

✅ عناصر HTML5 <video>
✅ تضمينات YouTube (iframe)
✅ تضمينات Vimeo
✅ فيديوهات MP4/WebM المستضافة ذاتيًا
✅ بث HLS (.m3u8)

⚠️ قد لا يدخل بعض المحتوى المحمي بـ DRM وضع ملء الشاشة الأصلي

3أفضل ممارسات الفيديو في الموقع#

لأفضل تجربة فيديو في تطبيقك المُنشأ:

<!-- Good: Standard HTML5 video -->
<video controls playsinline>
  <source src="video.mp4" type="video/mp4">
</video>

<!-- Good: YouTube embed -->
<iframe
  src="https://youtube.com/embed/VIDEO_ID"
  allowfullscreen>
</iframe>

<!-- Tip: Add 'playsinline' attribute
     for inline playback on iOS too -->

4اجمعه مع PiP#

لأفضل تجربة فيديو، فعّل كلًا من الفيديو بملء الشاشة (مدمج) ووضع PiP:

1. يشاهد المستخدم الفيديو داخل الصفحة
2. يضغط ملء الشاشة ← يدخل الوضع الأفقي الغامر
3. يضغط رجوع ← يعود إلى العرض العادي
4. يضغط زر الصفحة الرئيسية ← يدخل نافذة PiP العائمة

يمنح هذا مستخدميك تجربة شبيهة بـ YouTube في تطبيق الويب الخاص بك!