JSFiddle - React, Tailwind, and code Playground

by wisegorilla

HTML

<script src="https://cdn.plyr.io/3.6.8/plyr.js"></script>
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" />


<div class="plyr__video-embed" id="player">
  <iframe
    src="https://player.vimeo.com/video/545734497?loop=false&amp;byline=false&amp;portrait=false&amp;title=false&amp;speed=true&amp;transparent=0&amp;gesture=media"
    allowfullscreen
    allowtransparency
    allow="autoplay"
  ></iframe>
</div>

JavaScript

const player = new Plyr('#player', {
	autoplay: true,
	controls: [],
	clickToPlay: false,
 	loop: { active: true }

	
});