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>