PLAYER MODULE YOUTUBE

YouTube custom player using the YouTube IFrame Player API.

Follow @yama-dev Download Star Fork

Basic Use

    
    <div id="youtubePlayer">
      <script>
      const PMY = new PLAYER_MODULE_YOUTUBE({
        id:'youtubePlayer',
        videoid:'bkRhoGPo2is',
        responsive: true,
        muted: false,
        loop: false,
        playerVars: {
          autoplay: 0,
          // loop: 1, 無音ループ再生のバグがあるので利用しない
        },
        on: {
          Play: function(){ console.log('Play') },
          PlayPrep: function(){ console.log('PlayPrep') },
          Pause: function(){ console.log('Pause') },
          Stop: function(){ console.log('Stop') },
          StopAll: function(){ console.log('StopAll') },
          End: function(){ console.log('End') },
          Change: function(){ console.log('Change') },
          PlayerPlay: function(){ console.log('PlayerPlay') },
          PlayerPause: function(){ console.log('PlayerPause') },
          PlayerEnded: function(){ console.log('PlayerEnded') },
          PlayerBuffering: function(){ console.log('PlayerBuffering') },
          PlayerCued: function(){ console.log('PlayerCued') },
        }
      });
      </script>
    </div>
  

Media変更 id=38PDt8NRIA4

00:00

00:00