الفيديوهات المضمنة عن طريق لصق رابط Vimeo تحتوي على مساحات بيضاء كبيرة فوق وتحت الفيديو المضمن على الأجهزة المحمولة.
تحقق من هذه الروابط على الجهاز المحمول لتكرار المشكلة:
https://try.discourse.org/t/testing-video-embeds/1369
لقطات شاشة:
3 إعجابات
إذن، ما يحدث هنا هو أن وسم iframe لدينا له عرض وارتفاع ثابتان، لكن الفيديو المضمّن من Vimeo يعيد ضبط عرضه ليصبح 100% من العرض وارتفاعه تلقائي.
وهذا يحدث أيضًا مع مقاطع الفيديو المضمّنة الأخرى في الـ oneboxes بمجرد بدء تشغيل الفيديو، لكنهم يتوقعون هذا التباين في الحجم لذا يستغلون كامل مساحة الحاوية ويعطونها خلفية سوداء.
إليك مثال من Dailymotion:
أعتقد أن أبسط ما يمكننا فعله هنا هو إعطاء iframe الخاص بـ Vimeo خلفية سوداء؟ سيبدو الأمر هكذا:
نحن بحاجة إلى ارتفاع ثابت لأننا خلاف ذلك سيتعرض التخطيط للاهتزاز أثناء تحميل الصفحة… لست متأكدًا مما إذا كان بإمكاننا/ينبغي لنا القيام بأي شيء أكثر تعقيدًا مثل تحديد نسبة العرض إلى الارتفاع وتعديل الأبعاد للشاشات الأصغر حجمًا (@techAPJ )؟
3 إعجابات
نعم، لنلتزم بالخلفية السوداء للحظة.
نفس الشيء يحدث مع Streamable.