<div id="container">
 	<vime-player playsinline>
 		<vime-video cross-origin="true" poster="https://media.vimejs.com/poster.png">
 			<source data-src="https://media.vimejs.com/720p.mp4" type="video/mp4" />
 			<track default kind="subtitles" src="https://media.vimejs.com/subs/english.vtt" srclang="en" label="English" />
 			<track kind="subtitles" src="https://media.vimejs.com/subs/spanish.vtt" srclang="es" label="Spanish" />
 		</vime-video>

 		<vime-default-ui></vime-default-ui>
 	</vime-player>
 </div>
body,
html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#container {
	width: 100%;
	max-width: 960px;
}
window.player = document.querySelector("vime-player");

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.