title: Disable YouTube video in AngularJS playing in Bootstrap modal
body: <p>I have a YouTube video embedded inside of a Bootstrap modal. The problem is that when the user click away from the modal, it closes and the video continues playing. I'm trying to add something where I can check if the modal is closed then to stop the video. I've tried using the <code>$scope.$watch('videoModalone'</code>, but no luck.</p>
  
  <pre><code>          &lt;div class="modal fade" id="videoModalone" ng-model="youtubeVideo"&gt;
                  &lt;div class="modal-dialog"&gt;
                      &lt;div class="modal-content"&gt;
                          &lt;div class="modal-header"&gt;
                              &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
                              &lt;h4 class="modal-title"&gt;&lt;/h4&gt;
                          &lt;/div&gt;
                          &lt;div class="modal-body"&gt;
                              &lt;iframe width="550" height="350" src="http://www.youtube.com/embed/mwuPTI8AT7M?rel=0" frameborder="0"&gt;&lt;/iframe&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>