Video player

Library: indigo-player.js

Works better on:

Chrome 71+
Firefox 64+
Edge 44+ on Windows 10
IE11 on Windows 7 except for DRM content

Setting used:


const config = {
	autoplay: true,
	volume: 0, 
	sources: [{
		type: 'mp4',
		src: 'https://iandevlin.github.io/mdn/video-player-with-captions/video/sintel-short.mp4',
	}, ],
	subtitles: [{
			label: 'English',
			srclang: 'en',
			src: 'https://iandevlin.github.io/mdn/video-player-with-captions/subtitles/vtt/sintel-en.vtt',
		},
		{
			label: 'German',
			srclang: 'de',
			src: 'https://iandevlin.github.io/mdn/video-player-with-captions/subtitles/vtt/sintel-de.vtt',
		},
		{
			label: 'Spanish',
			srclang: 'es',
			src: 'https://iandevlin.github.io/mdn/video-player-with-captions/subtitles/vtt/sintel-es.vtt',
		},
	],
	ui: {
		pip: true,
		keyboardNavigation: true, 
		image: "https://cdn.vox-cdn.com/thumbor/HMfFEKsAbtSKJ8RvpBU0aoq6erE=/0x92:1000x655/1600x900/cdn.vox-cdn.com/uploads/chorus_image/image/24906481/shutterstock_152383346.0.jpg"
	},
	{
};

Native HTML5 video tag:

Which one do you prefer?

Video on web