From c5b59e77a6de3bc0af70c61c70474d2e18cd347f Mon Sep 17 00:00:00 2001
From: Venix <30481900+venix12@users.noreply.github.com>
Date: Sun, 3 Dec 2023 16:29:17 +0100
Subject: [PATCH] use aspect-ratio css property

---
 resources/css/bem/artist.less          | 9 ++-------
 resources/views/artists/show.blade.php | 4 +---
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/resources/css/bem/artist.less b/resources/css/bem/artist.less
index 2c5994ffad5..ba7645f0549 100644
--- a/resources/css/bem/artist.less
+++ b/resources/css/bem/artist.less
@@ -160,17 +160,12 @@
   }
 
   &__video {
-    position: absolute;
+    margin-top: 20px;
+    aspect-ratio: 16 / 9;
     width: 100%;
-    height: 100%;
     border-radius: @border-radius-large;
     overflow: hidden;
   }
-
-  &__video-wrapper {
-    margin-top: 20px;
-  }
-
   &__white-link {
     .link-white();
     .link-plain();
diff --git a/resources/views/artists/show.blade.php b/resources/views/artists/show.blade.php
index f9247f687ae..5972d88313f 100644
--- a/resources/views/artists/show.blade.php
+++ b/resources/views/artists/show.blade.php
@@ -48,9 +48,7 @@
                     {!! markdown($artist->description) !!}
 
                     @if ($artist->video_url !== null)
-                        <div class="artist__video-wrapper u-embed-wide">
-                            <video class="artist__video" src="{{ $artist->video_url }}" controls></video>
-                        </div>
+                        <video class="artist__video" src="{{ $artist->video_url }}" controls></video>
                     @endif
                 </div>
                 @if (count($json['albums']) > 0)