جاسازی ویدیو
نسبت ویدئو 16:9
هر جاسازی را در آن بپیچید <iframe> برچسب، در یک عنصر والد، استفاده کنید ratio-16x9 کلاس به تنظیم نسبت تصویر 16:9.
<!-- Ratio Video 16:9 -->
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video" allowfullscreen></iframe>
</div>
نسبت ویدئو 4:3
استفاده کنید ratio-4x3 کلاس به تنظیم نسبت ابعاد 4:3.
<!-- Ratio Video 4:3 -->
<div class="ratio ratio-4x3">
<iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video" allowfullscreen></iframe>
</div>
نسبت های سفارشی
استفاده کنید --vz-aspect-ratio: 50% به عنصر سبک برای تنظیم نسبت تصویر 2:1.
<!-- Custom Ratio Video -->
<div class="ratio" style="--vz-aspect-ratio: 50%;">
<iframe src="https://www.youtube.com/embed/2RZQN_ko0iU" title="YouTube video" allowfullscreen></iframe>
</div>
نسبت ویدئو 21:9
استفاده کنید ratio-21x9 کلاس به تنظیم نسبت تصویر 21:9.
<!-- Ratio Video 21:9 -->
<div class="ratio ratio-21x9">
<iframe src="https://www.youtube.com/embed/Z-fV2lGKnnU" title="YouTube video" allowfullscreen></iframe>
</div>
نسبت ویدئو 1:1
استفاده کنید ratio-1x1 کلاس به تنظیم نسبت تصویر 1:1.
<!-- Ratio Video 1:1 -->
<div class="ratio ratio-1x1">
<iframe src="https://www.youtube.com/embed/GfSZtaoc5bw" title="YouTube video" allowfullscreen></iframe>
</div>