MP4 HEVC video not playing with Chrome browser

html wordpress video mp4 hevc
Woogear picture Woogear · Apr 14, 2020 · Viewed 8.5k times · Source

I'm hosting videos at my Wordpress website, and my users can upload mp4 video files to it. I know that hosting videos is not recommended for performance, but I'm doing this for beta test for couple of months.

Some mp4 files are not working properly, like playing only sounds with black screen. And I found out that those videos are coded with HEVC. They are playing good with Safari and IE(Edge), but not with Chrome, which is mostly used browser of my users.

Is there any way to make my wordpress website to play HEVC videos no matter which browser user is using?

Answer

Doug Sillars picture Doug Sillars · Apr 14, 2020

According to Caniuse, H.265 will only work in Safari and IE.

If the videos were uploaded as h.264, you have support across (basically) all browsers, but you'd have to re-encode them to that codec. You could have a server running FFMPEG to re-encode all your videos before uploading to Wordpress. If you'd like to keep h265 for Safari, you could also create a WEBM version of the video - combined they reach all the major modern browsers.

There are a number of services that can re-encode and host (with CDNs) your videos for you.

Related questions

Best place to insert the Google Analytics code

Where’s the best place to insert the Google Analytics code in WordPress, header or footer? I prefer footer, because I wanted my site to load faster by reducing the number of scripts in the header, but can it work …

Read More
wordpress contactform7 textarea cols and rows change in smaller screens

I used contactform7 to create the contact form for a wordpress site. I want to reduce the rows in a textarea on that form for smaller screen sizes. Is there any method I can use using contactform7's own syntax? …

Read More
error int the Failed to set referrer policy

I'm getting the following error in my chrome console for a Wordpress site I'm working on. Failed to set referrer policy: The value 'http://example.com/comic/' is not one of 'always', 'default', 'never', 'no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-crossorigin', or …

Read More