Plyr onend and hide control buttons

Plyr onend and hide control buttons

by wind_chime18

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/plyr/2.0.13/plyr.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/2.0.13/plyr.js"></script>
<div class="main-hero__youtube__video">
  <div data-type="vimeo" data-video-id="143418951"></div>
</div>
<div class="main-hero__youtube__video">
  <div data-type="vimeo" data-video-id="143418951"></div>
</div>

JavaScript

if ($('.main-hero__youtube__video').length) {
	  console.log("Video player init");
	  // Define the controls
	  var plyr_options = {
	    autoplay: true,
	    clickToPlay: true,
	    showPosterOnEnd: true,
	    controls: ['mute', 'progress', 'play']
	  };

	  // Create the plyr instances - this defines players[0] as our primary player.
	  var players = plyr.setup(plyr_options);
    
    console.log(players[0])

	  players[0].on('ended', function(event) {
      players[0].restart();
       players[0].play();
	  });

	}