最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Modify default HTML5 video controls - Stack Overflow

programmeradmin1浏览0评论

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.

Share Improve this question edited Jun 11, 2013 at 20:10 pinkpanther 4,8083 gold badges40 silver badges63 bronze badges asked Jun 11, 2013 at 19:42 Vettan MaximillionVettan Maximillion 1671 gold badge2 silver badges10 bronze badges
Add a ment  | 

1 Answer 1

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.

发布评论

评论列表(0)

  1. 暂无评论