[Dennis Moser]

I’m having a couple of issues with the header video.

First issue, my header video doesn’t seem to work on mobile devices. Are header videos supported on mobile devices? If so, any thoughts on cause?

Second, I noticed that if I uploaded a header background picture it would show up on mobile devices in the place of the header video, which is fine but I’d rather have the consistency of the video across all devices. But when checking the layout across multiple browsers, I notice that the video doesn’t fill the entire space on MS Edge browser and I see the underlying picture. Chrome browser is fine. Is there some way to ensure compatibility between browsers or to correct the issues with Edge?

My site is http://allmixedupband.com

Thanks!

[Skandha]

@eightbitgoggles: Hello there,
To have header video displayed on mobile devices as well you will need to use our Header Enhancement Plugin.

I will look into the issue with header video on Edge browser and get back to you.

Kind Regards,
Skandha

[Dennis Moser]

Thanks Skandha. If I read the notes correctly, I will need to purchase the Header Enhancement Pro version of the plugin for videos to work on mobile devices? This is not a feature Euphony Pro or the free version of the Header Enhancement?

[Dennis Moser]

I went ahead and purchased the Header Enhancement Pro and solved the mobile device issue.

I am still curious how to get the header to look consistent on both Chrome and MS Edge. Any suggestions you can provide will be greatly appreciated.

Thanks!

[Skandha]

@eightbitgoggles: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.custom-header  {
	display: flex !important;
	overflow: hidden;
	height: 100vh !important;
}
video {
	height: auto !important;
}

Let me know if now the Header Video looks consistent on all the browsers.
Kind Regards,
Skandha

[Author]

Posts