JWPLAYER

by fredd man

HTML

<script src="https://ssl.p.jwpcdn.com/6/12/jwplayer.js"></script>
	<div id="player"></div>
	
	<section>
		<div class="seeker" data-start="0" data-end="5">Go to 0-5</div>
	</section>
	<section>
		<div class="seeker" data-start="6" data-end="15">Go to 6-10</div>
	</section>
	<section>
		<div class="seeker" data-start="16" data-end="25">Go to 15-25</div>
	</section>

JavaScript

jwplayer("player").setup({
	 	file: "http://content.jwplatform.com/videos/C4lp6Dtd-el5vTWpr.mp4",
         startparam: "starttime",
	 });

$(function(){
    
    var player = jwplayer("player");
    var end = 32;

    player.onTime(function(event) {
        if(event.position >= end) {
            this.pause();
        }
    });

    $("section").each(function(){
        $(this).find(".seeker").on('click',function(event){
            end = $(this).data('end');

            player.seek(
                $(this).data('start')
            );
        });
    });

});