use fixed size/ratio for artist video

venix12 · Dec 2, 2023 · 031ff9e · 031ff9e
1 parent 2d02394
commit 031ff9e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/resources/css/bem/artist.less b/resources/css/bem/artist.less
@@ -160,12 +160,17 @@
   }
 
   &__video {
-    margin-top: 20px;
-    max-width: 100%;
+    position: absolute;
+    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
@@ -48,7 +48,9 @@
                     {!! markdown($artist->description) !!}
 
                     @if ($artist->video_url !== null)
-                        <video class="artist__video" src="{{ $artist->video_url }}" controls></video>
+                        <div class="artist__video-wrapper u-embed-wide">
+                            <video class="artist__video" src="{{ $artist->video_url }}" controls></video>
+                        </div>
                     @endif
                 </div>
                 @if (count($json['albums']) > 0)