background video no longer working in mobile

Hey sky19er,

Thank you for the inquiry,

Video backgrounds are disabled on mobile view by default, which is why a fallback image option is available. So it is impossible that it was working a few months back because it has been the the default behavior ever since. You may need to look for a different solution if you want the video to play on mobile view, such as using the Layer Slider.

Best regards,
Ismael

Hi,

Thank you for the update.

That is quite odd. It is not possible unless the enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js file has been modified. This code in the _prepareSlides function around line 171 renders the fallback image on mobile view and replaces the video.

				var alter = this.$slider.find('.av-mobile-fallback-image');
				alter.each(function()
				{	
					var current  = $(this).removeClass('av-video-slide').data({'avia_video_events': true, 'video-ratio':0}),
						fallback = current.data('mobile-img'),
						fallback_link = current.data('fallback-link'),
						appendTo = current.find('.avia-slide-wrap');

Best regards,
Ismael

Hi,

The fallback image is also the Background Image, and you have to enable the Hide video on Mobile Devices? option.

Hide video on Mobile Devices?
You can choose to hide the video entirely on Mobile devices and instead display the Section Background image
Most mobile devices can’t autoplay videos to prevent bandwidth problems for the user

Alternative solution is to use the layer slider instead of the color section.

Best regards,
Ismael

Hi,

The video plays automatically on a phone running on MIUI, which is a modified version of Android, so it should run properly on any Android devices.

Thank you for your patience.

Best regards,
Ismael