iphone playback

[maltegrosse]

Hello,
great work with the video background player.
I have some issues with autoplayback on mobile devices, especially on apple products. (using vue 2.x - but also with your demo page)
I found this hint here - https://stackoverflow.com/questions/47776105/html-5-video-playback-not-working-on-iphone-chrome-and-safari
any ideas or quick fixes?

[pmochine]

@maltegrosse oh that's weird! It shouldn't be like that. Thanks for the issue, I have a look when I find the time

[pmochine]

@maltegrosse Ok it's super weird. Like yesterday I had the issue that I saw the "play" button and the video didn't autoplay automatically. Now it just works...

Can you reproduce their error somehow and upload it on github? So I can have a look

p.S. I made an NPM update. Maybe this helps you out

[maltegrosse]

Hey Philipp,
In my built container i am using node:lts-alpine, -> npm: '6.14.12',
visiting your demo page on latest ios on an iphone xs shows me following:

[maltegrosse]

update: super weird:
iphone xs, ios 14.4.2
-> not working on my iphone xs (japanese version)
-> working on my friends phone xs (european version).

after upgrading to 14.5.1, the issue still occurs on my phone

[kaoru-sawaguchi]

update: super weird: iphone xs, ios 14.4.2 -> not working on my iphone xs (japanese version) -> working on my friends phone xs (european version).

after upgrading to 14.5.1, the issue still occurs on my phone

I think it's because the video size is too big.
ran into the same issue and fixed it by adjusting the file size.
You can see it in action using the video file in this repository.