title: Twitter Bootstrap Lightbox display YouTube Video
body: <p>I'm working on my site and am still very new to HTML. I'm trying to show YouTube videos in a lightbox using Twitter Bootstrap and the Twitter Bootstrap Lightbox code I found here: <a href="http://jbutz.github.io/bootstrap-lightbox/" rel="nofollow">http://jbutz.github.io/bootstrap-lightbox/</a></p>
  
  <p>I've been able to get images to load in the lightbox. But, I'm not sure what I need to do to get the YouTube video to play instead. When I look at the YouTube documentation it provides both iframe and embed options. But, when I replace the  code with one of these and change the link to my videos the lightbox doesn't load and of course the video can't be seen.</p>
  
  <p>Here is my code using the embed option:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="span12"&gt;
        &lt;h4&gt;Band Concert&lt;/h4&gt;
          &lt;div id="bandlightbox1" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"&gt;
            &lt;div class="lightbox-content"&gt;
              &lt;embed
                  width="420" height="345"
                  src="https://www.youtube.com/watch?v=og8cxXICoVU"
                  type="application/x-shockwave-flash"&gt;
              &lt;/embed&gt;
                &lt;div class="lightbox-caption"&gt;
                  &lt;p&gt;This is a video of my friends and I at our band concert. The guy in that glasses is our teacher person. The song is Friday I'm in Love for anyone who doesn't know. I'm on the piano that sounds like a harpsichord.&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any assistance is greatly appreciated. I'm still really new and I'm stumped.</p>
  
  <p>Thanks</p>