Spotify встраивается с пикселизацией по углам, показывая белый на черном фоне

Поддержка
1

image
image885×224 43.8 KB

Интересно, можно ли исправить белые пиксели по углам? Это просто проблема отступов или что-то связанное с тем, как работает вставка?

2

Выглядит нормально на https://try.discourse.org/? Попробуйте безопасный режим?

image
image871×371 46.3 KB

3

В безопасном режиме всё ещё видна небольшая пикселизация по углам

image
image893×217 41.7 KB

Это определённо менее заметно, так что, скорее всего, дело в моём CSS.

iframe[src*="open.spotify.com/embed/track"] {
  max-width: 690px !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

Вот что делает внешний вид похожим на безопасный режим:

iframe[src*="open.spotify.com/embed/track"] {
  max-width: 690px !important;
  width: 100% !important;
  margin: 0 0 20px 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;          /* сглаживание углов */
  overflow: hidden !important;             /* обрезка пикселизации */
  border: none !important;
  background: transparent !important;
}