Vidéo responsive Intégrer ne fonctionne pas Bootstrap 3

-6

Okay J'ai regardé toutes les autres questions similaires à ceci mais pour une raison quelconque mon intégration responsive ne fonctionne toujours pas.Vidéo responsive Intégrer ne fonctionne pas Bootstrap 3

Voici ce que j'ai dans mon html `

<div class="embed-responsive embed-responsive-16by9"> 
       <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/7645302?color=ffffff&title=0&byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
      </div>

Source

2017-10-20 b.will

Comment ça va répondre si vous avez défini une largeur et la hauteur? – ProEvilz

Aussi, pourquoi avez-vous pris une photo de votre code au lieu de simplement coller directement dans votre message? – ProEvilz

S'il vous plaît poster votre code dans votre question plutôt que de relier à une image du code. – TidyDev

Définissez la largeur et la hauteur iframe à 100%.

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-lg-12"> 
     <div class="embed-responsive embed-responsive-16by9"> 
     <iframe src="https://player.vimeo.com/video/237152408" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
     </div> 
    </div> 
    </div> 
</div>

Voici le jsFiddle: https://jsfiddle.net/973Lde7j/6/

Source

2017-10-20 13:32:52 grusl83

merci! cela a aidé, mais il ne remplit toujours pas le col de bootstrap. –

J'ai mis à jour le code et bidouillé avec un container-fluid et col-lg-12. Si vous ne parvenez pas à obtenir ce résultat, consultez le [système de grille bootstrap] (https://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-grid-system.php). – grusl83

Vidéo responsive Intégrer ne fonctionne pas Bootstrap 3

Répondre

Questions connexes