video js

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.14.1/videojs-contrib-hls.min.js"></script>
<link rel="stylesheet" href="http://vjs.zencdn.net/6.6.3/video-js.css">
<script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268">
    <source src="//mnmedias.api.telequebec.tv/m3u8/29880.m3u8" type='application/x-mpegURL'>
       
</video>

JavaScript

var myPlayer = videojs('my_video_1', {}, function () {
        // Player (this) is initialized and ready.
      });

$(document).keydown(function(e){ // bind to left & right arrow keys
if (e.keyCode == 37) { 
    
  // get a reference to your player
  var myPlayer = _V_("#my_video_1");
    myPlayer.pause();

   // decrement the video time by 1/30 of a second
   myPlayer.currentTime(myPlayer.currentTime() - .016);
    console.log(myPlayer.currentTime())
    
   return false;
}
else if (e.keyCode == 39) {
  // get a reference to your player
  var myPlayer = _V_("#my_video_1");
myPlayer.pause();
   // decrement the video time by 1/30 of a second
   myPlayer.currentTime(myPlayer.currentTime() + .016);
    console.log(myPlayer.currentTime())
   return false;
}
    
});