تم جعل قائمة إساءة الاستخدام غير قابلة للاستخدام بسبب تضمين فيديو يوتيوب

يا إلهي، أجد هذه المشاكل هذا الأسبوع، أليس كذلك؟

لقد تعطلت طابور المراجعة في موقعنا بسبب عرض ضخم لفيديو مضمّن من يوتيوب. حاليًا، أقوم بالمعاينة على جهاز Chromebook مع تحديث كامل لمتصفح Chrome. وتم التأكد من المشكلة أيضًا على نظام Windows 10 مع متصفح Chrome، وعلى متصفح Firefox مع نظام Windows.

إليك المحتوى الفعلي لـ المشاركة:

https://youtu.be/OTk6m3U54po

لقطة شاشة للمشاركة نفسها (مخفية حاليًا لأنني لا أستطيع إزالة العلم):

وهذه لقطة شاشة لما أراه في الطابور (عبر نسقين مختلفين على الأقل، وتم التقاط هذه الصورة في الوضع الافتراضي).

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

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

5 إعجابات

نعم، يمكنني تأكيد أنني واجهت هذه المشكلة. (ثم لم تعد لأن الـ oneboxes الخاصة بي توقفت عن العمل تحديدًا لـ YouTube) لكن هذا حدث في الإصدار الأحدث وفي ما كان يُعتبر أحدث إصدار قبل 3 أو 4 أيام.

إعجابَين (2)

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

إعجاب واحد (1)

يحدث شيء مشابه أيضًا عند التحقق من سجل التعديلات :



إعجاب واحد (1)

يمكن إصلاح هذا بسهولة باستخدام CSS، إما محليًا عبر F12 أو عبر لوحة الإدارة، تخصيص.

يبدو أن كود CSS التالي في https://github.com/discourse/discourse/blob/master/plugins/lazy-yt/assets/stylesheets/lazyYT.css هو السبب.

.ytp-thumbnail-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

ينقص عنصر div الخاص بـ onebox، الذي كان سيحد من الأبعاد، عن فئة lazyYT-container في شاشات طابور المراجعة وسجل التعديلات، مما يغير معنى 100% في هذه الحالات.

إعجابَين (2)

يتم حذف هذه البند من lazyYT-container في قائمة المراجعة:

style="width: 480px; padding-bottom: 270px;"

تعديل: التنسيق معطوب أيضًا في عرض nojs.

تعديل: تم تقديم طلب سحب (PR) مع الإصلاح الذي أشارت إليه @ClawdiaWolf.

7 إعجابات

قد يكون الأمر مرتبطًا بمشكلة ما، لكنني لاحظت أنه بعد الترقية إلى الإصدار 2.5.0.beta4، لم تعد مقاطع الفيديو المضمنة من YouTube في المنشورات تحتوي على حاوية lazyYT يمكنني استهدافها لجعل مقاطع الفيديو متجاوبة.

كنت أستخدم تنسيق CSS التالي:

.lazyYT {
    height: 0 !important;
    width: 100% !important;
    padding-bottom: 56.25% !important;
} 

الآن لم يعد هذا التنسيق يعمل.

إذا كانت هذه المشكلة مرتبطة بالأمر، فيرجى إعلامي.

إعجاب واحد (1)

إشارة كاذبة، لا علاقة لها بالموضوع.

اكتشفت أن السبب هو أن رابط YouTube يحتوي على قائمة (?list=) يتسبب في عدم عرض حاوية lazyYT. قمت ببساطة بتحرير الرابط في منشور العضو.

مثال: هذا رابط الفيديو يعمل، بينما هذا رابط الفيديو (نفس الفيديو) لا ينشئ حاوية لـ YT.

نعم، نحن على علم بهذه المشكلة وسنقوم بحلها في أقرب وقت ممكن. يمكنك متابعة التقدم هنا:

5 إعجابات