5

I have to embed a video on a web page with a button to close and stop the video. Once closed an image will be displayed below.

Everything is working fine on all browsers.

The problem is on the iPad...

Basically on the iPad the "close" button doesn't work (not clickable). Moving it on the side of the video it works (close the video) but it doesn't pause it. The video is hosted on Wistia. It plays without problems...

"Every single Wistia embed code type automatically supports HTML5 when it detects a device that requires it (ie. iPhones, iPads)."

Here is the URL:

http://www.bbyd.eu/projects/test/video_ecom/index.html

Ryan Wheale
  • 26,022
  • 8
  • 76
  • 96
GrazMazz
  • 51
  • 3
  • 2
    It would be helpful if you told us exactly what the problem on the iPad is. – evasilchenko Mar 08 '12 at 20:02
  • 1
    Its a flash video no ? I think ipads have problems with that. – raym0nd Mar 08 '12 at 20:05
  • its not a flash video. its mp4 – nycynik Mar 08 '12 at 20:13
  • Ipads will not read flash videos, because there is no flash on ipads. – mpm Mar 08 '12 at 20:13
  • Basically on the iPad the "close" button doesn't work (not clickable). Moving it on the side of the video it works (close the video) but it doesn't pause it. The video is hosted on Wistia. It plays without problems... Thanks! – GrazMazz Mar 08 '12 at 20:18
  • "Every single Wistia embed code type automatically supports HTML5 when it detects a device that requires it (ie. iPhones, iPads)." – GrazMazz Mar 08 '12 at 20:21
  • It places some kind of overlay over the top of the player. Only affects iPad it seems. Adjusting z-index doesnt seem to help either. You'll need to come up with some kind of other work around for iPads. – Andrew Dyster Oct 19 '12 at 15:22
  • have a look at this SO question: http://stackoverflow.com/questions/5261079/mobile-safari-link-a-element-over-video-element-does-not-work-on-click Hope this helps – wezzy Jun 10 '15 at 16:48

1 Answers1

0

Try adding a click/touchstart listener to the video element and then close and pause it if the interaction is in that area.

3ocene
  • 2,102
  • 1
  • 15
  • 30
  • Before anyone says something about "this should be a comment", I would if stack exchange's rules would let me. – 3ocene Jun 10 '15 at 22:55