Interactive Video on youtube not working properly on mobile devices

Submitted by meilensteindigital on Wed, 07/11/2018 - 14:38
Forums: 
General discussion

Hi there,

could please anyone have a look at the video i created?

http://mt.meilenstein-digital.de/x34/x34.html

the video itself is coming from youtube, the interactions are made with the wordpress plugin.
though it's a bit jumpy (dont know why), it plays well on desktop browsers but not on mobile devices (just tested iOS with an iPhone7plus).

what am i doing wrong? any help is appreciated!!

cheers

Thomas

 

 

otacke's picture

otacke

Wed, 07/11/2018 - 14:55

Hi Thomas!

Right now you seem to have included a Vimeo URL (not a direct link to a video file, but to a web page without a way to detect the video file URL)?

Best,
Oliver

meilensteindigital

Wed, 07/11/2018 - 14:58

sorry, changed it back to youtube.

thank you!

otacke's picture

otacke

Wed, 07/11/2018 - 15:33

Hi Thomas!

Could you give us some more information, please? I cannot reproduce your problem. I checked your content on an emulated iPhone 7 plus with Safari on iOS 10.3 (iphone1.png) and a real iPhone 7 with Safari on iOS 10 (iphone2.png), and a real iPhone 6 with Safari on iOS 11. Seemed to work.

Cheers,
Oliver

Attachments: 
Image icon iphone1.png
Image icon iphone2.png

meilensteindigital

Wed, 07/11/2018 - 16:52

it looks ok on the first view, but when click on the white or light blue button, it does not behave like it should.

the machine should move to the right side and then show some more buttons. 
you can see it when you view the video on a desktop browser.

meilensteindigital

Wed, 07/11/2018 - 17:01

at the moment i'm thinking about giving Vimeo a try, but obviously it takes a Pro Account for this.
second thing i thought about, was integrating the buttons into the video and create the clickable buttons with transparent pngs, but i dont know if these buttons are causing my problems.

does this make sense?

cheers
thomas

otacke's picture

otacke

Thu, 07/12/2018 - 09:34

I am still not sure where the problem could be. On a real iPhone 7 with Safari on iOS10, it seems to lool like this: https://filebin.net/vjbmhlp3du20qll8 (don't worry about the flipped colors, that seems to be a problem with my quick and dirty video capturing).

meilensteindigital

Thu, 07/12/2018 - 09:49

thanks for sharing this little video.

when you hit the light blue or the white button, it should move to the right side and show some more buttons. but it doesnt.

please have a look at https://vimeo.com/279615015

thanks
thomas

meilensteindigital

Thu, 07/12/2018 - 16:12

i tried vimeo pro yesterday as well, it did not work either ... 

otacke's picture

otacke

Fri, 07/13/2018 - 09:46

Your switch to Vimeo narrows down the source of the issue, thanks! However, I still cannot reproduce your problem here (IPhone 7, iOS10): https://filebin.net/wcmovh36iians34h Did you experience the same behavior on other systems as well?