Как предотвратить слишком широкое расширение видео/одного блока

Разработка
1


image
image1230×541 108 KB

100% масштаб в браузере Brave

/* --- 7. ВСТРОЕННЫЕ ЭЛЕМЕНТЫ И МЕДИА --- */
.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;
}
2

Сравнительно, в Discourse это составляет 100%

image
image804×433 72.2 KB

100% в Firefox

image
image1265×536 115 KB

3

Кажется, я решил это с помощью Gemini:
*Если это излишне, дайте знать.

/* Исправление для YouTube/видеоплеера */
.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:

image
image699×516 98.9 KB

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.