5

I’m writing an HTML5 page with a embedded video tag for the iPad.

How can I hide or disable the fullscreen button? I just need to show the video without the fullscreen option.

Paul D. Waite
  • 96,640
  • 56
  • 199
  • 270
Guido
  • 61
  • 1
  • 2
  • It might be worth raising a support issue with Apple, like the guy who asked this question: http://stackoverflow.com/questions/3699552/can-i-override-apples-default-html5-video-controls-on-the-iphone-so-that-my-cod – Paul D. Waite Sep 22 '10 at 10:57

1 Answers1

7

As far as I know (I could be wrong, this isn’t really my area), you can’t tell Safari how to render its standard video controls.

However, you can tell it not to render its standard video controls (at least according to the HTML5 spec) by omitting the controls attribute from the video tag.

You can then write your own play/pause controls. (See e.g. http://diveintohtml5.ep.io/video.html#markup). That’s obviously a bit more work, but I think it’s your only option.

If you don’t want to write your own controls from scratch, there are a couple of good pre-built ones out there, specifically:

They’re more focused on providing video via HTML5 or Flash depending on browser capabilities, but you might be able to extract the control parts, or at least see how they’re doing it.

DanBeale
  • 310
  • 4
  • 15
Paul D. Waite
  • 96,640
  • 56
  • 199
  • 270
  • 1
    I too have seen this and ended up writing my own control to rid myself of the full-screen button. – Petrogad Feb 18 '11 at 23:09