كيف تحافظ على توسع مربع الفيديو/الصندوق الواحد بشكل كبير جدًا


تكبير 100% على متصفح Brave

/* --- 7. EMBEDS & MEDIA --- */
.twitterstatus {
  max-width: 345px !important;
  width: auto !important;
}

.video-placeholder-container,
.video-placeholder-wrapper,
.lazy-video-wrapper {
  max-width: 690px !important;
  width: auto !important;
}

.allowlistedgeneric {
  max-width: 690px !important;
  width: auto !important;
  padding: 10px !important;
  margin: 0 3px 3px 3px !important;
}

مقارنةً بهذا على Discourse عند 100%

100% على فايرفوكس

حسناً، أعتقد أنني حللت المشكلة باستخدام Gemini:
*إذا كان هذا مبالغاً فيه، فأخبرني بذلك.

/* إصلاح مشغل/فيديو يوتيوب */
.video-placeholder-container,
.video-placeholder-wrapper,
.lazy-video-wrapper {
  /* هذا هو الدرع: يثبت واجهة مستخدم المشغل على 690 بكسل */
  max-width: 690px !important;
  width: 100% !important; 
}

.lazy-video-wrapper iframe,
.lazy-video-wrapper video {
  /* هذا يملأ الدرع */
  width: 100% !important;
  max-width: 100% !important; 
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;

}

/* استهداف حاوية مشغل الفيديو الذي تم تحميله بشكل خاص */
.video-container {
  max-width: 690px !important;
  text-align: left !important;
}

100% على متصفح Brave: