vLitejs - Vimeo

Vimeo provider

by yoriiis

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vlitejs@5/dist/vlite.css">
<script src="https://cdn.jsdelivr.net/npm/vlitejs@5"></script>
<script src="https://cdn.jsdelivr.net/npm/vlitejs@5/dist/providers/vimeo.js"></script>
<div id="player" data-vimeo-id="162391385"></div>

JavaScript

Vlitejs.registerProvider('vimeo', VlitejsVimeo);

new Vlitejs('#player', {
	options: {
		controls: true,
		autoplay: false,
		playPause: true,
		progressBar: true,
		time: true,
		volume: true,
		fullscreen: true,
		poster: 'https://yoriiis.github.io/cdn/static/vlitejs/demo-poster.jpg',
		bigPlay: true,
		playsinline: true,
		loop: false,
		muted: false,
		autoHide: true,
		providerParams: {}
  	},
	provider: 'vimeo',
	onReady: function (player) {
 		console.log(player);

		player.on('play', () => console.log('play'))
		player.on('pause', () => console.log('pause'))
		player.on('progress', () => console.log('progress'))
		player.on('timeupdate', () => console.log('timeupdate'))
		player.on('volumechange', () => console.log('volumechange'))
		player.on('enterfullscreen', () => console.log('enterfullscreen'))
		player.on('exitfullscreen', () => console.log('exitfullscreen'))
		player.on('ended', () => console.log('ended'))
  	}
});