Embed Video
Incorpora un video con funzionalità responsive, così che si adatti in proporzione su ogni dispositivo.
L’effetto viene direttamente applicato agli elementi <iframe>
, <embed>
, <video>
e <object>
; in alternativa si può
usare la classe .embed-responsive-item
per applicarne l’effetto ad altri elementi.
Esempio
Estendi ogni oggetto simile a un <iframe>
aggiungendo al suo contenitore la classe .embed-responsive
e le proporzioni
relative. La classe .embed-responsive-item
non è strettamente necessaria, ma ne incoraggiamo l’utilizzo.
<iframe class="embed-responsive-item" title="Video YouTube" src="https://www.youtube.com/embed/RaHmGbBOP84" allowfullscreen=""></iframe>
Proporzioni
Le proporzioni possono essere personalizzate con delle classi apposite.
<!-- 21:9 aspect ratio -->
<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 1:1 aspect ratio -->
<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>