الدرس 33 | 📹 كيفية اختيار دقة الفيديو المناسبة لموقعك: دليلك لتجربة مشاهدة مثالية! 🌐 #css #html

Luna DH لونا دي آش

2 Nov 202408:25

Summary

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

Takeaways

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

Q & A

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