[digimnParticipant]

I added a .webm video file as a section background. It works perfectly in Google Chrome, but does not display at all in Firefix, IE or Safari.

If I create a page and add the .webm video in the standard player, the video plays fine. It’s just the video background that does not work.

I also tested using a .mp4 and .ogv format for the video background. The .mp4 only works on Safari and the .ogv only works in Google Chrome. I’m on Windows 7. An .mp4 isn’t an option though because the file size is too large. The .ogv file is poor quality, but the .webm file is perfect size and quality.

The poster image does not display either. It only shows a black area where the video should be.

Any ideas?

(our development site is IP restricted, so I can provide access if you send your IP)

[FriechModerator]

Hi There,

Thank you for writing in! Would you mind re-encoding your video with HandBreak with Web Optimized option enabled? Also web optimizing the video can help decrease the file size.

Thanks but we’re from different places around the world, so we do have different IPs

Cheers!

[digimnParticipant]

The issue isn’t the file size at this point, it’s that the video background feature will not play ANY videos when using Firefox OR IE. Google Chrome will play the .webm file properly, and Safari will play a small .mp4.

When inserting a video into a page using the “Embedded Media Player”, the video plays perfectly fine in all browsers. However, the video background does not.

[RadModerator]

Hi there,

In that case, would you mind providing all the url of videos you’re using? I’d like to test it too on my setup.

And I could give you my IP, but, my IP is dynamic and may change. There are other supports that could able to help too.

Thanks!

[digimnParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

WebM video format is not fully supported by other modern browsers.

The WebM format, specifically the VP8 video codec, had been acccused of patent infringment by a group of companies answering a call by the MPEG LA for the formation of a patent pool, but MPEG LA has agreed to license those patents to Google under a “perpetual, transferable, royalty free license”. This means, effectively, that all known patents on the WebM format are licensed to everyone for free.
– https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

WebM will work in IE9+ and Safari/MacOSX provided the user has the WebM codecs installed. Partial support indicates that at least one codec is supported but not all.

For more details, please check:
http://caniuse.com/#feat=webm

Hope this helps. Kindly let us know.

[digimnParticipant]

I’ll find a work-around. The .webm format works perfectly fine in Firefox when played inside the media player. I also created a completely separate page (outside of WordPress) with the .webm as the video background and that works perfectly fine.

Honestly, the support here isn’t very good. I’ve mentioned a few times that the video background does not work in most browsers regardless of the file format. (so neither .webm, .ogv, .mp4, etc work in Firefox, IE, etc) The support responses here aren’t helpful. Disappointed in the lack of tech support on this.

[ChristianModerator]

Hey there,

We’re sorry that you’re not satisfied with our support. Our Video Background feature was tested to be working on all browsers in PC and Mac provided that you use properly encoded video format. Your issue or requirement however is unique or is specific so therefore would require special investigation. We love to help and even though this issue typically falls outside the scope of our support since we cannot control video formats (even mp4 doesn’t work sometimes because of how it was encoded), we did our best to investigate the issue. Moreover, we cannot access your site easily because of restrictions.

Your issue is best attended by a dedicated IT specialist or consultant so you could investigate the issue closely. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://theme.co/x/member/custom-development/.

Thank you for understanding.

[digimnParticipant]

Honestly, my issue isn’t unique. The videos are properly encoded. I resolved the issue by discarding the Theme X background video method and simply implementing my own standard video code within a section/row/column/text box:

<video id="bgvid" poster="/wp-content/uploads/2015/06/home-video-placeholder.jpg" autoplay="autoplay" loop="loop" width="300" height="150">
<source src="/wp-content/uploads/2015/06/elevator.webm" type="video/webm" />
<source src="/wp-content/uploads/2015/06/elevator.mp4" type="video/mp4" />
</video>

I styled the background video to appear behind other elements and that worked. Using the Theme X video background option in Cornerstone still didn’t work with the exact same videos….so it appears to be an issue with Theme X, not with the videos.

[ChristianModerator]

Glad you’ve figured a solution for your requirement. Sorry for the confusion in the last reply. I’ve tested a webm video and sure enough, they don’t load in Firefox and IE. We use BigVideo JS plugin to load background videos (see http://dfcb.github.io/BigVideo.js/). It does not use HTML5 video therefore a fallback is needed to render WebM videos in Firefox and IE which is not available in X because most users use mp4 format. With that said, I recommend that you use mp4 if you’re going to use the background video.

Regarding your claim however, that video backgrounds do not work in Firefox and IE regardless of format, that is incorrect. Please see this screencast: https://cloudup.com/cOE3DkPXzYI (video quality in screencast is not good but runs smooth in live). As you can see mp4 works for major broswers. I’ve tested in Win 7 and 8 and a Mac.

I’ll forward this to our development team as feature request and they might add support for WebM for BigVideo JS in the future.

Thanks.

[smithnephewParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi Nicole,

Please check your video.

The video itself is not working.

[video src="http://www.rtplusknee.com/wp-content/uploads/2015/11/video_surgical.mp4" /]
http://www.rtplusknee.com/?attachment_id=643

Thanks

[smithnephewParticipant]

Hey Everybody

thats not correct, on my computer the file is running with no problem 🙁
Thanks Nicole

[Paul RModerator]

Hi Nicole,

I tried a sample mp4 file from the web and it works.

http://www.rtplusknee.com/xsupport-test/

Thanks

[smithnephewParticipant]

I know (my video also runs) in safari everything is ok and it plays well, but in Firefox, chrome and IE it doesn’t work!! So what can i change to make this run in every browser?
thank you

[Author]

Posts