I have a rather unusual question for you all; it might be foolish but I am new to this area and I would really appreciate some help.

As the title suggests I was wondering if there is a way to disable a specific button from the default browser controls for the HTML5 video.

I know that each browser has its own somewhat unique looking set of controls so I don't think that I can overlay the button with CSS. If it is impossible is it maybe possible to somehow tie via Javascript the event of the video going full screen to another event?

I was looking into making the custom controls or using the pre-made players but if at all possible I would like to get away without using either.

I appreciate any help.

I have a rather unusual question for you all; it might be foolish but I am new to this area and I would really appreciate some help.

As the title suggests I was wondering if there is a way to disable a specific button from the default browser controls for the HTML5 video.

I know that each browser has its own somewhat unique looking set of controls so I don't think that I can overlay the button with CSS. If it is impossible is it maybe possible to somehow tie via Javascript the event of the video going full screen to another event?

I was looking into making the custom controls or using the pre-made players but if at all possible I would like to get away without using either.

I appreciate any help.

• javascript
• custom-controls
• html5-video

Share Improve this question Follow edited Jun 11, 2013 at 20:10 pinkpanther 4,80833 gold badges4040 silver badges6363 bronze badges asked Jun 11, 2013 at 19:42 Vettan MaximillionVettan Maximillion 16711 gold badge22 silver badges1010 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

You can't hide specific native controls. You can either use them or hide them via the controls attribute.

As far as using listening to fullscreen events along with other events the video API provides, longtail does extensive research on patibilities or lack thereof within different browsers and devices.

You can make your own css controls on top of the video element and control different actions via the html5 media api demonstrated here.

For fullscreen type things, I'd remend looking through the code here as it was written for the Vimeo HTML5 player specifically.

It's kind of a nightmare dealing with the Video API depending how much support you're trying to achieve.