Video article style fixes

src/components/Article/FullArticle.tsx

@@ -150,7 +150,7 @@ export const FullArticle = (props: ArticleProps) => {
                   )}
                 </For>
               </div>
-              <Show when={props.article.cover}>
+              <Show when={props.article.cover && props.article.layout !== 'video'}>
                 <div
                   class={styles.shoutCover}
                   style={{ 'background-image': `url('${imageProxy(props.article.cover)}')` }}

src/components/Article/VideoPlayer.module.scss

@@ -0,0 +1,12 @@
+.videoContainer {
+  aspect-ratio: 16/9;
+
+  @include media-breakpoint-up(md) {
+    margin: 0 0 1em -16.6666%;
+  }
+
+  iframe {
+    height: 100%;
+    width: 100%;
+  }
+}

src/components/Article/VideoPlayer.tsx

@@ -1,7 +1,8 @@
 import { Show } from 'solid-js'
+import styles from './VideoPlayer.module.scss'
 
 export default (props: { url: string }) => (
-  <>
+  <div class={styles.videoContainer}>
     <Show when={props.url.includes('youtube.com')}>
       <iframe
         id="ytplayer"
@@ -20,5 +21,5 @@ export default (props: { url: string }) => (
         allowfullscreen
       />
     </Show>
-  </>
+  </div>
 )