Youtube pause-stop iframe embed video

by Mohamed Mulla

HTML

<div id="player"></div>
<br/><br/>
    <div class="button" onClick="pauseVideo()">Pause Video</div>
<div class="button" onClick="stopVideo()">Stop Video</div>

    <script>
      
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      
      
        //var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'nbp3Ra3Yp74'
        });
      }
        
       //Functions to stop-pause Video  
      function stopVideo() {
        player.stopVideo();
      }
        
        function pauseVideo() {
        player.pauseVideo();
      }
    </script>

CSS

.button {
    background:#cb2326;
    color:#fff;
    font-size:14px;
    cursor:pointer;
    display:inline-block;
    padding: 10px 15px;
}