vue-responsive-video-background-player icon indicating copy to clipboard operation
vue-responsive-video-background-player copied to clipboard

iphone playback

Open maltegrosse opened this issue 4 years ago • 5 comments

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?

maltegrosse avatar May 19 '21 16:05 maltegrosse

@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 avatar May 19 '21 20:05 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

pmochine avatar May 20 '21 08:05 pmochine

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: responsive_video_ios

maltegrosse avatar May 20 '21 09:05 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

maltegrosse avatar May 20 '21 11:05 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

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.

kaoru-sawaguchi avatar Dec 29 '22 21:12 kaoru-sawaguchi