black screen w music when playing video on iOS / Safari

http://themes.semicolonweb.com/html/canvas/one-page/op-video-event.php

Try loading that page on Safari on iOS (I tried it on iPhone 7 plus, iPhone 6s, and iPad). The video won't play. On iphone7 plus, you'll see the video but after 2 seconds it will turn to black screen. You can still hear the sounds. On iPhone6s it's just black from the start with the sound. On ipad, it just doesn't work.

Loading the page from Chrome on iOS works.

Is there a solution for this? if there is no solution, how can I use YouTube video in the background perhaps (click and play not automatic play)?

The problem is not mp4 video encoding btw. All the videos I tried have the same issue, even the ones that were supposed to perfect example for html5 for ios.

Hi, any update on this? I really need to get this to work soon for my site. thanks

[sb_private_reply]LOL- no answer- <sigh>.[/sb_private_reply]

Hi Kamydi- simple reason... iOS devices disable autoplay by default. To My knowledge- no solution exists except putting in a fallback static poster image. If there is a solution support should post it- or any other user.

IOS users must use controls to play back video.

Here's a link to one of many pages on subject: https://www.justinwhall.com/html5-video-playing-ios-devices/

just google HTML video playing on IOS for more info

By the way- I think that IOS 10 has implemented autoplay. so you may be able to code for IOS 10. Google it. Fastest way to get answers ;)