Question

I would like to know how do I disable the Showcontrols options for HTML5 video.

This is what I want to disable:

The reason I want to disable is that If I use my custom controls and If I mouse hover I need to show my custom controls and when I leave the mouse it should hide the controls and the problem is that when I select the ShowControls the default controls is showing up which I dont want.

Can anyone suggest me how do I procees with that?

Answer 1

var video = document.getElementById("video"); // assuming "video" is your videos' id
video.removeAttribute("controls");

for example: http://jsfiddle.net/dySyv/1/