Videos

Video sind in vier unterschiedlichen Seitenverhältnissen (Aspect ratio) verfügbar. 16:9, 21:9, 4:3 und 1:1. Die Aspect Ratio 16:9 und 4:3 stellen die heute gängigsten Formate dar.

Aspect ratios

16:9

1
2  // 16:9
3  <div class="ratio ratio-16x9">
4    <iframe
5      src="https://www.youtube.com/embed/HVpIwFu6lIc?si=fjSFfn8pQE_T8s38"
6      title="YouTube video"
7      allowFullScreen
8    ></iframe>
9  </div>
10  

21:9

1
2  // 21:9
3  <div class="ratio ratio-21x9">
4    <iframe
5      src="https://www.youtube.com/embed/HVpIwFu6lIc?si=fjSFfn8pQE_T8s38"
6      title="YouTube video"
7      allowFullScreen
8    ></iframe>
9  </div>
10  

4:3

1
2  // 4:3
3  <div class="ratio ratio-4x3">
4    <iframe
5      src="https://www.youtube.com/embed/HVpIwFu6lIc?si=fjSFfn8pQE_T8s38"
6      title="YouTube video"
7      allowFullScreen
8    ></iframe>
9  </div>
10  

1:1

1
2  // 1:1
3  <div class="ratio ratio-1x1">
4    <iframe
5      src="https://www.youtube.com/embed/HVpIwFu6lIc?si=fjSFfn8pQE_T8s38"
6      title="YouTube video"
7      allowFullScreen
8    ></iframe>
9  </div>
10  

Responsive video - 16:9