Mithilfe von Twitter Bootstrap, wie Sie ein eingebettetes Video reagieren können?

7

Ich versuche, ein eingebettetes Video als Reaktion auf die Änderung der Fenstergröße und kompatibel mit mobilen Bildschirmen zu machen. Weiß jemand, welche Klasse zu implementieren ist oder wie das Video reagiert? Danke.

    
creedjarrett 14.02.2014, 19:00
quelle

4 Antworten

12

Der einfachste Weg für HTML5-Videos ist das Hinzufügen von class="img img-responsive" zum Video-Tag:

%Vor%     
bartbar 16.04.2014 07:17
quelle
5

Sehen Sie sich das "Responsive Video-CSS" an - Quellcode auf github .

Hier ist eine Arbeitsdemo auf Bootply . Klicken Sie auf Ausführen und sehen Sie die Größe für verschiedene Bildschirmgrößen ändern.

%Vor%     
Shiva 14.02.2014 19:08
quelle
1

Sehen Sie sich das Archiv reempy-embedd.css an. Wenden Sie die Klasse .embed-responsive auf Ihren Einbettungscontainer oder eine der anderen gewünschten Klassen an.

    
brandrich 12.05.2014 22:29
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Der erforderliche Anti-Fälschungs-Cookie "__RequestVerificationToken" ist nicht vorhanden.