Webm video format only works in Chrome. Does not work in Firefox, IE, Safari – Themeco Community https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/feed/ Sat, 11 Oct 2025 11:24:40 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-298183 <![CDATA[Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-298183 Wed, 10 Jun 2015 16:55:12 +0000 digimn 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)

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-298780 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-298780 Thu, 11 Jun 2015 07:51:44 +0000 Friech 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.

handbreak

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

Cheers!

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-300164 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-300164 Fri, 12 Jun 2015 17:24:15 +0000 digimn 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.

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-300700 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-300700 Sat, 13 Jun 2015 09:43:29 +0000 Rad 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!

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-300838 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-300838 Sat, 13 Jun 2015 15:13:57 +0000 digimn https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-301162 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-301162 Sun, 14 Jun 2015 06:35:10 +0000 Rue Nel 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.

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-302656 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-302656 Mon, 15 Jun 2015 19:10:30 +0000 digimn 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.

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-302991 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-302991 Tue, 16 Jun 2015 03:02:45 +0000 Christian 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.

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-305088 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-305088 Wed, 17 Jun 2015 18:39:20 +0000 digimn 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.

]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-305538 <![CDATA[Reply To: Webm video format only works in Chrome. Does not work in Firefox, IE, Safari]]> https://theme.co/archive/forums/topic/webm-video-format-only-works-in-chrome-does-not-work-in-firefox-ie-safari/#post-305538 Thu, 18 Jun 2015 02:12:00 +0000 Christian 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.

]]>