HTML 5 video control play

/**************************
 * Movie controls
 *************************/
    
if($("#lens-video").length) {
	var moviecontainer = document.getElementById("lens-video"),
	movie = moviecontainer.querySelector("video"),
	controls = moviecontainer.querySelector("span");
	movie.removeAttribute("controls");
	controls.style.display = "block";


    	$("#play-pause").on({
		mouseenter: function() {
			$('#play-pause span').toggle();
			movie.play();
		},
		mouseleave: function() {
			$('#play-pause span').toggle();
			movie.pause();
		}
	});
	
	$("#play-pause").on({
		click: function() {
			if(movie.paused) {
				$('#play-pause span').hide();
				movie.play();
			} else {
				$('#play-pause span').show();
				movie.pause();
			}
			
		}
	});
}