Revolution slider with html5 video not working in Firefox

[pbi design]

We have a video layer in the slider used on our home page. The slider is made up of image and text layers, as well as a video layer showing a pulse over the images.

The video layer loads and works well in Chrome, but not at all in Firefox. Instead of seeing the image with the animation overlay, it shows a black box. The same issue occurs in Safari- but after a second or so it disappears and the video will play.

It seems this issues is related to the slider plug-in. Can you please look into it?

[Kyle – SUPPORT]

Hi

Have you uploaded all 3 formats? .webm .mp4 and .ogg

Different browsers only support certain formats

– Kyle

[pbi design]

I also thought that updating the plugin might help. The current version is 4.5.9 but it appears there is a more current version 4.6.3. However, it doesn’t show up as being available to update.

[Kyle – SUPPORT]

See my previous comment

– Kyle

[pbi design]

Ok that’s interesting, I wasn’t aware of that, I’ll try that.

Will it redirect users to the correct video automatically or does the site have to point each browser to its own video?

[Kyle – SUPPORT]

See this for reference: http://www.w3schools.com/html/html5_video.asp

– Kyle

[pbi design]

Hi Kyle,

so we have uploaded all the files in the formats suggested and we’re still running into errors with the slider on Firefox.

We suspected the file names of the videos might be causing problems so we deleted all the old videos and left only the final slides. And still nothing.

We have inspected the page with the firefox debug tool and it’s returning a bunch of errors showing that the slider is unable to load the content. See screen shot attached.

The Revolution slider support staff suggest updating the slider, but the latest version is not currently available through the Dante theme – can you assist us with that as well so we can rule out that being the issue?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

You can get the latest version in this topic.
http://www.swiftideas.com/forums/topic/revolution-slider-latest-version-2/page/2/

-Rui

[pbi design]

thanks.

in the meanwhile I found this solution:
it appears the Firefox slider error is happening because Apache isn’t reporting the MIME type of the video files correctly. To solve this we need to add the following lines to the relevant .htaccess file that covers (at the very least) the folders of the videos that will be played AND add the Apache MIME types into the appropriate configuration file for Apache.

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

AddType audio/mpeg .mp3
AddType audio/ogg .ogg
AddType audio/mp4 .m4a
AddType audio/wav /wav

[Rui Guerreiro – SUPPORT]

Great. Glad it’s sorted.
-Rui