嵌入影音

youtube

https://www.youtube.com

Step1

複製「嵌入碼」

Step2

用「container」包住「嵌入碼」

<div  class= "container">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/ne-EwUzdjN4?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>

Step3

接著先把iframe的寬高給刪除，接著在iframe中加入embed-responsive-item的class，並再包一層div，並加入embed-responsive embed-responsive-16by9，這邊要特別留一下，16by9代表影片是16:9，若是4:3要改為4by3。

<div class="container">
  <div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ne-EwUzdjN4" frameborder="0" allowfullscreen></iframe>
  </div>
</div>