Handle video content for mobile views

themes/tsc_vfl/assets/css/main.scss

@@ -595,6 +595,14 @@ h1 {
     }
 }
 
+.youtube-video {
+    max-width: 100%;
+}
+
+.internal-video {
+    max-width: 100%;
+}
+
 :root {
     --color-vhvorne: #ddcb55;
     --color-vhmitte: #c98879;

themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html

@@ -2,6 +2,7 @@
 {{ with .Get "poster" }}poster="{{ . }}"{{ end }}
 {{ with .Get "width" }}width="{{ . }}"{{ end }}
 {{ with .Get "height" }}height="{{ . }}"{{ end }}
+class="internal-video"
 >
     <source
     {{ with .Get "type" }}type="{{ . }}"{{ end }}

themes/tsc_vfl/layouts/shortcodes/tsc/news/youtube-video.html

@@ -5,5 +5,6 @@
     title="{{ with .Get "title" }}{{ . }}{{ else }}YouTube video player{{ end }}"
     frameborder="0"
     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-    allowfullscreen>
+    allowfullscreen
+    class="youtube-video">
 </iframe>