Logic Block Videos won't play on iPhone

[samhaw]

Hey,

i have an Pano2VR Projekt, where i integrated videos with a LogicBlock. Android has no problems, on iPhone the Video opens, but does not start automatically. I used the code:

<video onloadstart="this.volume=0.2" width="100%" height="100%"autoplay>
<source src="media/GF_720p.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Does anybody know why Safari won't play the video? I tried 720p instead of 1080p.

Thanks for any help.

[Tony]

Hi Samhaw,

Safari blocks almost all auto-playing videos with sound by default.

Here's a link using your code: https://p2vrlittlebits.s3-ap-southeast- ... index.html This doesn't play on iPad.

Try this alternate link and let me know if it plays okay, I've checked it on the iPad and it autoplays: https://p2vrlittlebits.s3-ap-southeast- ... index.html

In order to have the video autoplay you need to mute the audio by adding a comment to your code. e.g.

<video onloadstart="this.volume=0.2" width="100%" height="100%" autoplay muted>

The only way viewers can see it with audio is to go to Safari > Settings for This Website in the menu bar and set the preferences for the website to "Allow All Auto-Play". I'm not sure if this can be done on the iPhone or not.

safari.jpg (507.61 KiB) Viewed 1340 times

cheers,

Tony