Внешняя кнопка воспроизведения для видео-плеера для встраивания YouTube

Question

<div id=player></div> 
<div id=playvideo style= "width:40px; height:80px; background-color:#2b2b2b;" > 
<script src="https://apis.google.com/js/platform.js"></script> 
<script type="text/javascript"> 
     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: '448', 
      width: '763', 
      playerVars: { 
       'showinfo': 0, 
       'controls': 0, 
     listType: 'playlist', 
     list: 'PLD7SqVUGDdDBw_xmMKTDF5MlBwys_KlUk' 
      }, 
      events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
     } 

     function onPlayerReady(event) { 
     // event.target.playVideo(); 
     } 

     function onPlayerStateChange(event) { 
     if (event.data == YT.PlayerState.ENDED) { 
      player.stopVideo(); 
     } 
     } 
    </script> 

У меня такой код для встраивания, и я хочу, чтобы div с именем «playvideo» действует как кнопка воспроизведения YouTube, я думаю, что это просто, но я новичок в JavaScript , может кто-нибудь есть идея?

Answer 1

Ну вы можете использовать функцию Player API YouTube,: player.playVideo()

Итак ... HTML:

<div id="mydiv" onclick="play_this_video()">Play my video</div> 

и JavaScript:

function play_this_video(){ 
player.playVideo(); 
}