diff --git a/src/open_inwoner/scss/components/Video/Video.scss b/src/open_inwoner/scss/components/Video/Video.scss index 8b0015a54c..3bc0a446d5 100644 --- a/src/open_inwoner/scss/components/Video/Video.scss +++ b/src/open_inwoner/scss/components/Video/Video.scss @@ -1,12 +1,25 @@ .video { + margin-top: var(--spacing-large); + max-width: var(--mobile-s-width); + &__container { } &__player { + position: relative; + overflow: hidden; + width: 100%; + padding-top: 56.25%; /* 16:9 Aspect Ratio for modern videos (divide 9 by 16 = 0.5625) */ } &__iframe { - border-width: 0; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; } &--full-width {