فيديو تدريبي عائم بجانب العمل: ما الذي ينبغي أن يعد به تطبيق الويب؟

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

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

اجعل الوعد متعلقاً بالفيديو

يصف دليل MDN لواجهة Picture-in-Picture نافذة فيديو عائمة تبقى في المقدمة، بما يسمح بمواصلة المشاهدة أثناء استخدام مواقع أو تطبيقات أخرى. تنقل واجهة الفيديو المعتادة عنصر فيديو، لا شاشة العمل كاملة.

إذا ورد في المتطلبات «أبق التعليمات وزر الموافقة عائمين»، فوضح هل هما جزء من الصورة المسجلة أم عناصر فعلية في التطبيق. تصف MDN واجهة Document Picture-in-Picture بأنها امتداد منفصل لعرض محتوى HTML كيفما كان. لا تفترض أن ميزة الفيديو تتضمن نموذج إدخال عائما، أو أن الامتداد المنفصل متاح على جميع الأجهزة المستهدفة.

ابدأ بنطاق أصغر إذا كانت الحاجة الحقيقية هي مشاهدة شرح بجانب العمل التدريبي. أبق تحرير السجلات وتأكيد الإجراءات في صفحة التطبيق العادية.

حدد أدوات التحكم التي يجب أن تبقى متاحة

توضح MDN أن المتصفح قد يضيف أدوات مناسبة لإجراءات الوسائط التي يهيئها التطبيق. وتذكر صراحة أن نافذة الفيديو المعتادة لا تدعم إضافة أزرار أو أدوات تحكم مخصصة بعناصر HTML.

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

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

احتفظ بالمشغل العادي بديلا حقيقيا

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

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

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

اختبر الفيديو والمهمة معا

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

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

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

المصدر وحدود الاستناد إليه

تدعم نظرة MDN العامة، المقروءة في 26 أكتوبر 2026، نطاق نافذة الفيديو، وقيود أدوات التحكم، وخصائص التحقق من الإتاحة. أما مسار العمل وفحوص الإتاحة وسلوك تسجيل الخروج فهي متطلبات مقترحة. لا يمثل المقال اختبار توافق عمليا، ولا يعد بأدوات متطابقة في جميع المتصفحات.