4

The controls are always visible, no matter the state of the "controls" flag (whether it's there or not) and the video tag itself emits the touch events with the controls on

Kaan Soral
  • 1,589
  • 1
  • 15
  • 31

1 Answers1

3

Omitting the "controls" flag should render the video tag control-less, however a temporary bug or not, the flag is completely ignored at iphone/ipod devices, the controls are also meaningless, as the video always plays in full-screen, you are left with a huge chunk of space, whose only purpose is to suck all the click and touch events like a black hole

The behavior is documented here: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

The solution is to set the video tag's width/height to 1/1 - position it with "fixed" to -10,-10 and manually trigger "play" with a replacement UI instead of an actual video

This way the absurdities of the video tag are gone and since it always plays in fullscreen, the functionality is the same

Kaan Soral
  • 1,589
  • 1
  • 15
  • 31
  • the values you gave in this answer, do you mean "1px/1px" & "10px/10px"? This removed the video from my page. Could you elaborate a little on how you kept the video visible? – Neil S3ntence Nov 12 '21 at 04:06
  • @NilsSens with this solution there was an image representing the video, and on-click to the image, I was playing the video element by shrinking and hiding it on the page - so it's not "10px/10px" - it's "-10px/-10px" to intentionally hide - but this was 7 years ago I hope things are better now – Kaan Soral Nov 13 '21 at 07:12