JSFiddle - React, Tailwind, and code Playground

by hkasera

HTML

<link rel="stylesheet" href="http://mediaelementjs.com/js/mejs-2.10.1/mediaelementplayer.min.css">
<script src="http://mediaelementjs.com/js/mejs-2.10.1/mediaelement-and-player.min.js"></script>
<script src="https://rawgithub.com/hkasera/mediaelement-markers/master/js/mep-feature-markers.js"></script>
<video width="360" height="203" id="player2" controls="controls">
	<source src="http://mediaelementjs.com/media/echo-hereweare.mp4" type="video/mp4">
	<source src="http://mediaelementjs.com/media/echo-hereweare.ogv" type="video/ogg">
	<p>Video not supported</p>			
</video>

JavaScript

$('audio,video').mediaelementplayer({
  features: ['playpause','current','progress','duration','markers','fullscreen'],
	markers:['4','40','20', '10', '12'],
	markerCallback:function(media,time){
			alert(time);
		}
});