Estoy creando un sitio web con bootstrap que se puede encontrar aquí:http://www.branchingouteurope.com/digital-spark-testing/

Si selecciona la imagen de video, verá una ventana modal que abre un video de YouTube. El problema que tengo es que cuando la ventana modal está cerrada, el video sigue reproduciéndose. Quiero que este video se detenga cuando la ventana modal esté cerrada.

He buscado en línea y leído muchas soluciones, sin embargo, ninguna parece funcionar. Aquí está el margen de beneficio ...

<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>

`