Plyr + gLightBox + Unlisted Vimeo

debugging

by despecial

HTML

<script src="https://cdn.plyr.io/3.7.3/plyr.js"></script>
<link rel="stylesheet" href="https://cdn.plyr.io/3.7.3/plyr.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/js/glightbox.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/css/glightbox.css">
<a href="https://vimeo.com/791813674/2c9cfc5030" class="videobox" data-gallery="xxxxx">Open video</a>

JavaScript

const lightBoxVideo = GLightbox({
  selector: 'a.videobox',
  videosWidth: '90vw',
  autoplayVideos: true,
  plyr: {
	config: {
	  ratio: '16:9', // or '4:3'
	  fullscreen: {
		enabled: false,
		fallback: true,
		iosNative: true
	  },
	  youtube: {
		noCookie: true,
		rel: 0,
		showinfo: 0,
		iv_load_policy: 3
	  },
	  vimeo: {
		byline: false,
		portrait: false,
		title: false,
		speed: true,
		transparent: false
	  },
	  // hideControls: false,
	}
  }
});