Ich erstelle eine Website mit Bootstrap, die hier zu finden ist -http://www.branchingouteurope.com/digital-spark-testing/

Wenn Sie das Videobild auswählen, wird in einem modalen Fenster ein YouTube-Video geöffnet. Das Problem, das ich habe, ist, dass das Video weiter abgespielt wird, wenn das modale Fenster geschlossen ist. Ich möchte, dass dieses Video stoppt, wenn das modale Fenster geschlossen wird.

Ich habe online gesucht und viele Lösungen gelesen, aber keine scheint zu funktionieren. Hier ist der Aufschlag ...

<span class="main_video">
<div data-toggle="modal" data-target="#myModal" style="cursor:pointer">
<img src="img/master/video.fw.png" height="81%" width="60%" alt="Digital Spark Video"/>
</div>
</span>

<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  </div>
  <div class="modal-body">
  <iframe width="100%" height="100%" src="//www.youtube.com/embed/sIFYPQjYhv8?rel=0" frameborder="0" allowfullscreen></iframe>
  </div>
</div>

`