Hi Guys, I seem to be having a strange “problem” with embedded Youtube videos and any iOS devices.
What is happening is that embedded youtube videos do not play on any of these devices. I have done some digging and come accross this link – It seems like this is quite a common issue with different solutions.
I have Nex – Forms running on all my pages of the site and have tried disabling the forms and video then plays. However this is not an option for me as the forms are an integral part of the sites structure.
It seems that a second alternative may work where we remove “webkit-tap-highlight-color” from the css. That may work as most browsers run mobile web-kit. What i need to know is that what impact would it have if any on the theme if we do comment this out of the code.
N.B – Strangely enough it seems to work on Android devices.
Links in Private content
Thank You
Content is visible for topic creator and support staff only.
Displaying the fullscreen background video on mobile devices presents several challenges:
Most mobile platforms (iOS in particular) will refuse to autoplay HTML5 video to avoid potentially ruinous data charges.
In such cases the video will be displayed with an embedded play button, which in turn…
…may capture touches on the device, locking out links that may be in the content on top of the video.
While it is possible to feature-detect support for video autoplay with JavaScript (a technique I will cover in a future article), the easiest solution is to use a media query that switches off the video entirely on smaller screens, substituting the placeholder image in the background.
Removing class “webkit-tap-highlight-color” will disable highlight of a tapped link.
Hi Eva, i think you may have misunderstood my query. The videos are not using any plugin.
All videos are embedded youtube videos. Normal size 555×312 and not full screen, they do not play at all on iOS devices i.e iPad and iPhone. The videos are also not set to autoplay – they are all click to play via youtube embed.
Please advise and apologies for not explaining clearly the last time around/
Thank you
Content is visible for topic creator and support staff only.
Our mission is to help Internet businesses and their customers interact in a way that mirrors real-world customer experience: personal, human, and fun.
Upload your translation files
Lorem ipsum dolor sit amet consectetur adipisicing elitsed do
Love us as much as we love you?
If you love XStore theme and have something nice to say
don’t hesitate to tell about this! We’d appreciate if you could take a moment to give us 5-stars!