SO 304270: Stopping a youtube video when Modal is closed

https://stackoverflow.com/questions/30427080/

HTML

<script src="//www.youtube.com/iframe_api"></script>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">VIDEO</button>
    
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div id="player">
                                <iframe id="video" style="width: 100%; height: 100%" src="https://www.youtube.com/embed/AZvXnfWeiBk?rel=0&wmode=Opaque&enablejsapi=1"" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div>

JavaScript

var player;

function loadVideo() {
    player = new YT.Player('player', {
        width: '100%',
        videoId: 'https://www.dropbox.com/s/tq4uqej1d5br4pr/00%20-%20AccuRATE_EDIT.mov?dl=0',
    });
}

$('#myModal').on('hide.bs.modal', function (e) {
    player.stopVideo();
});

$('#myModal').on('shown.bs.modal', function (e) {
    player.playVideo();
});

window.onload = loadVideo();