Video does not display on mobile device

Hi.

Since AWB 1.4.0 there is new attribute to enable video on mobile devices. Try to use it:

[nk_awb awb_video_mobile="true" ...]

Regards, nK.

Hi nK,
Thanks for your help.
Unfortunately I’m still having problems.
I added awb_video_mobile=”true” and it did not help.
I’m using the current version of wordpress. I deleted and reinstalled your plugin to be sure it is up to date. I’m using the wordpress default theme twentyseventeen wity a custom child theme.

Videos show and auto play on desktop but are blank on mobile (iPhone).
I would like the effect to be the same as on your demo website: ( https://demo.nkdev.info/#awb ) the block that says VIDEO and has a 3 leaf plant swaying in the breeze – a beautiful!
I’m using a native mp4 video (ie uploaded to the add media screen in wordpress).

I even went as far as inspecting the video on your demo site and trying to copy the code from the inspector (with syntax changes of course). No it did not work.

I wonder if the wordpress core is disabling autoplay and if there is code I can put in the functions.php file to create an exception.

Any suggestions you have are greatly appreciated.

Thanks,
Bill

FYI
My plugin only has 2 tabs (general and styles) . It does not look like the screenshots on the support post:

LUV your amazing parallax WP plugin! Curious though, can it work on mobile view?
Started by: thewebstylist
which has 4 tabs.

I first downloaded the awb plug in last month and re-downloaded it yesterday.
Is it possible I’m using an older version?

Bill

I’m having the exact same problem as Bill465. My code:
[nk_awb awb_type=”video” awb_stretch=”false” awb_video_mp4=”14527″ awb_video_webm=”14527″ awb_video_ogv=”14527″ awb_video_start_time=”0″ awb_video_end_time=”0″ awb_video_always_play=”false” awb_video_volume=”0″ awb_parallax=”scroll” awb_parallax_speed=”0.5″ awb_parallax_mobile=”true” awb_video_mobile=”true” awb_styles=” padding-top: 75px; padding-bottom: 50px; padding-left: 0px; padding-right: 0px; margin-top: 25px; margin-bottom: 25px; margin-left: 0px; margin-right: 0px;”]
See here: https://ericroth.org/ Desktop works perfectly but mobile… nope.
Thx and cheers,
Eric

Eric,
you created a beautiful site!

When I tried it, thewireframe video played on both a mac and on my iphone6.

I was able to get my video to autoplay on both but I had to detach the audio track before uploading the video. But that takes out half the fun!

nK: I would like to use scroll-opacity and have the audio tarck play as well.
any help, greatly appreciated.
Bill

Hi @bill456

Ah, I’m sorry, I have not seen that you added awb_video_volume="100" option. Please, change it to 0. This is not possible to use autoplay videos with audio enabled because of new browsers policies.

1. https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
2. https://webkit.org/blog/7734/auto-play-policy-changes-for-macos/

p.s. video volume option will be removed in the next plugin update.
p.s.s. AWB supports 3 ways to create backgrounds – shortcode (you use it), block for Gutenberg Editor and shortcode for WPBakery Page Builder. All these methods generate the same backgrounds but look slightly different while editing.

Hi @saranjaikrap

Video on your site works fine for me on Desktop and Mobile (iPhone 7+)

Regards, nK.

• This reply was modified 6 years, 6 months ago by nK.

@bill456: Thanks! Is parallax now working on mobile for you?
@nk: Thanks for reply too. Unfortunately, it’s still not working on mobile. I use Samsung S7 with latest Android. Both the built-in browser and Firefox won’t show parallax. Even worse: It shows just nothing, e.g. the background is empty on mobile where there is the parallax video showing on desktop.
Cheers, Eric

Hey guys.
I really wanna know, if there was a solution for the problem about the disappearence of the video on mobile devices? My video doesnt show up on mobile devices as well.

Best regards Daniel

Hey Daniel,
Here’s a partial answer.
At the time I built my site, the internet rules were changing – in particular to not allow videos with sound to auto play. This rule change was intended to protect users from getting large download data bills for data they didn’t want. Too bad becausew my site was super slick using the autoplay. My solution is to strip off the audio track (I used iMovie) now the video plays automatically but with no sound. Next time I get back to this, I’ll try to figure out how to put in a mute/play button on top of the video (like in the newsfeeds).

Hope that helps,
Bill

In 1.4.10 plugin version fixed autoplay for Vimeo videos on mobile devices.

@nko hello,

This has been a good plugin.

However, now I still find no videos play from Vimeo on mobile devices. I disabled all plugins except AWB (v1.4.10) and Visual Composer. Still not playing on mobile devices. I have enabled the “Enable on Mobile Devices” tickbox.

I made a trial with Vimeo’s iframe code and that works fine, so suspect some fault with the plugin…

I think I’ve discovered a work-around for Vimeo background for mobile devices.

I have set:
– Enable on Mobile Devices = Ticked
– Parallax Type = Scroll
– Parallax Speed = 1 (because my background was not meant to have parallax)
– Parallax Enable on Mobile Devices = Ticked

Notice, if I set Parallax to None, the video stops playing on mobile devices altogether. @nko may have further insights.

@gibarra hi.

Yeah, I found that Vimeo is still not working in Jarallax plugin. Related issue – https://github.com/nk-o/jarallax/issues/123

Thank you.

@gibarra – Your workaround worked perfectly for me. I also did not need parallax, but it now plays on mobile with the settings you noted. Thanks!!!

The workaround is working for me as well. Nice!