title: Bootstrap modal vimeo play button
body: <p>I have a JSFiddle here - <a href="http://jsfiddle.net/n90Lexgc/" rel="nofollow">http://jsfiddle.net/n90Lexgc/</a></p>
  
  <p>I'm using bootstrap modal to load a vimeo video.</p>
  
  <p>I've added CSS to make the video larger and responsive.</p>
  
  <p>My problem is I've lost the play button in the video.</p>
  
  <p>If I click the video it plays and stops, but I have no play button.</p>
  
  <pre><code>        &lt;!-- video player --&gt;
              &lt;div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
                  &lt;div class="modal-dialog"&gt;
                      &lt;div class="modal-content embed-responsive embed-responsive-16by9"&gt;
                          &lt;div class="modal-header"&gt;
                              &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
                          &lt;/div&gt;
                          &lt;div class="modal-body"&gt;
  
                            &lt;iframe width="1000" height="528" frameborder="0" allowfullscreen="" class="embed-responsive-item"&gt;&lt;/iframe&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;!-- video player --&gt;
  
              &lt;div class="container-fluid"&gt;
                  &lt;div clas="row"&gt;
  
                      &lt;button class="js-play" data-vid="105100455"&gt;Video&lt;/button&gt;
  
                  &lt;/div&gt;  
  
              &lt;/div&gt;  
  </code></pre>