تضمين الصورة المصغرة للفيديو بأشرطة سوداء على الجوال (Wistia)

يتم تضمين مقاطع فيديو Wistia تلقائيًا عند لصق عنوان URL للوسائط العامة في Discourse. كل شيء على ما يرام على الأجهزة اللوحية وأجهزة الكمبيوتر. ولكن، على الهاتف، تحتوي الصورة المصغرة على بعض الأشرطة السوداء الغريبة.

تعمل الصورة المصغرة لمقاطع فيديو YouTube على الهاتف بشكل رائع.

عندما بحثت في المنتدى، يبدو أن الفريق قدم إصلاحًا لـ YouTube في عام 2023. هل من الممكن إصلاح خطأ CSS لـ Wistia أيضًا؟ شكرًا.

https://support.wistia.com/medias/26sk4lmiix

https://support.wistia.com/medias/26sk4lmiix

إليك حل CSS يحافظ على نسبة العرض إلى الارتفاع دون ارتفاع ثابت:

iframe[src*="wistia.net"] {
    aspect-ratio: 16 /9;
    height: auto;
}

شكراً لوقتك في الإجابة يا Arkshine. يبدو هذا حلاً رائعاً. أنا مستخدم لمجتمع discourse، ولست مسؤولاً، هل يمكنني تطبيق css مباشرة على إحدى مشاركاتي في المجتمع أم سيحتاج مطور لإضافتها إلى github؟

مثال إذا كان رابط الفيديو هو

https://support.wistia.com/medias/26sk4lmiix

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

حسنًا، شكرًا على الإجابة :slight_smile: أقدر ذلك :slight_smile:

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