Reveal.js custom controls - offline video with custom key bindings

offline-video-and-bindings.js

/*
		Autoplay mp4 video and key bindings
 */
var vidIdx = 13;
var vidId = "demoVid";
var vid = document.getElementById(vidId);
Reveal.addEventListener( 'slidechanged', vidControl );
Reveal.addEventListener( 'ready', vidControl );
Reveal.configure({
  keyboard: {
    69: pauseControl,
    101: pauseControl
  }
});

function pauseControl(){
	if(vid.paused){
		vid.play();
	}else{
		vid.pause();
	}
}

function vidControl(event){
		if(event.indexh === vidIdx){
			vid.play();
		}else{
			vid.pause();
			vid.currentTime = 0;
		}
}

video-section.html

<section data-id="132495209a4d01f3fd2bca78b0b91fe4">
	<div class="sl-block" data-block-type="iframe" data-block-id="ff881ce87deb19f533dd58a8dc9d5404" style="min-width: 30px; min-height: 30px; width: 1160px; height: 700px; left: -100px; top: 0px;">
		<div class="sl-block-content" style="z-index: 11;">

			<video controls id="demoVid" style="width:100%;">
			  <source src="vid/lorka04.mp4" type="video/mp4" >
			  Your browser does not support the video tag.
			</video>

		</div>
	</div>
</section>