title: stop the video while close popup window
body: <p>while i click on open video button one popup window will display . but after closing that popup window video sound playing contentiously i want to stop that video at the time of closing popup window .</p>
  
  <p>pop_video.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;Bootstrap Example&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;script type="text/javascript"&gt;
      $(function () {
  
          $('.push').click(function () {
  
              $.ajax({
                  type: 'post',
                  url: 'video_pop.html',
                  success: function (r) {
                      $('#mymodal').show();
                      $('#details_supp').show().html(r);
                  }
              });
          });
      });
      $(document).ready(function () {
          var closevideobutton = '.hidevideo';
          $(closevideobutton).click(function () {
              $('#details_supp').find('iframe').attr('src', '');
          });
      });
  &lt;/script&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;button type="button" id="" class="push" data-toggle="modal" data-target="#myModal"&gt;Open Video&lt;/button&gt;
          &lt;div class="modal fade" id="myModal" role="dialog"&gt;
              &lt;div class="modal-dialog modal-lg"&gt;
                  &lt;div class="modal-content"&gt;
                      &lt;div class="modal-header"&gt;
                          &lt;button type="button" class="close x" data-dismiss="modal"&gt;&amp;times;&lt;/button&gt;
                          &lt;h4 class="modal-title"&gt;Evelution Of Investing&lt;/h4&gt;
                      &lt;/div&gt;
                      &lt;div id="details_supp" class="modal-body" style="display: none;"&gt;
                      &lt;/div&gt;
                      &lt;div class="modal-footer"&gt;
                          &lt;button type="button x" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>video_pop.html</p>
  
  <pre><code>&lt;center&gt;
  &lt;iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  &lt;/center&gt;
  </code></pre>