bootstrap redimensionnement automatique de la vidéo pour la taille de l'écran

Je suis en train de décider entre l'utilisation de Bootstrap et Foundation pour le front-end de travail pour un node.js voie expresse. Je me demandais si Bootstrap avait aucun moyen d'avoir un équivalent de la fonction "Flex" fonction Vidéo de Fondation (c'est une taille automatique basé sur la taille de l'écran autant que j'en puis dire)?

Edit:
Quant à Peter Wooster réponse si il y a une solution qui peut être fait facilement, sans un cadre pourquoi des personnes font une grosse affaire sur la Flex-Vidéo alors?

Il fait un joli point de vente et n'est pas évidente. Je viens de vérifier leur démo à l'adresse foundation.zurb.com/docs/components/flex_video.html et ils utilisent la même astuce que j'ai donné dans ma réponse.

OriginalL'auteur Bren | 2014-06-29

  1. 2

    Vous n'avez pas besoin d'un cadre sensible de la vidéo, de sorte que vous pouvez l'ajouter si ce n'est pas inclus.

    L'astuce consiste à envelopper la vidéo dans un div avec width:100%; height:0; padding-bottom:66% ou de quelque aspect que vous voulez que la vidéo ont. Définir la largeur et la hauteur de la vidéo à 100%. Div à l'échelle correctement et maintenir son ratio d'aspect de la vidéo de le remplir.

    Edit: cette astuce n'est pas nouvelle, tout n'est pas bien connue, voici un article à partir de 2009, le décrivant: http://alistapart.com/article/creating-intrinsic-ratios-for-video. Heureusement, le IE5-6 kludges ne sont plus nécessaires.

    Ouais c'est ce que je soupçonnais. Aucune idée de pourquoi les gens font une grosse affaire sur la Flex-Vidéo puis, n'est-ce pas un grand point de vente pour quelqu'un qui envisage de Fondation? Son couvert quelques-uns des meilleurs résultats google si vous recherchez les différences entre les cadres. Merci!
    Cette astuce n'est pas très bien connue. Qui aurait pensé que le remplissage vertical sera mise à l'échelle par rapport à la largeur?

    OriginalL'auteur Peter Wooster

  2. 11

    Bootstrap a sensible intègre: http://getbootstrap.com/components/#responsive-embed

    Gratuit exemple uniquement pour éviter le ridicule ennuyeux SI les bureaucrates de se plaindre de "lien-seule réponse":

    <!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="…"></iframe>
</div>

    OriginalL'auteur cvrebert