FIX: Browser does not support the video tag

2 minute read
3 ways to fix browser does not support video tag error

Home » Fix » FIX: Browser does not support the video tag

If you want to show a video on your website there are multiple ways to do that. However, if you want to add the custom video using HTML5 you need to use the video tag.

Some users have reported that they get the Browser does not support this video tag error while trying to add a video to their website. This error can occur due to several reasons including incompatible video format as well as wrong syntax.

Follow the troubleshooting tips given below to fix the Browser does not support the video tag error in Firefox, Chrome, and other web browsers.

Why can’t I add videos using HTML5 to my website?

1. Change MP4 to H264-MPEG-4 AVC  Format

browser does not support the video tag

  1. If your video is in MP4, it is possible that browser like Chrome may not support the format anymore.
  2. This issue can only affect Chrome browser and you might be able to play the same video on other browsers like Firefox and IE.
  3. The solution here is to change the video format using a video converter and convert the MP4 video into H264-MPEG-4 AVC. However, if that does not work you may want to add a custom piece of js code to force the Chrome show Mp4 videos without the error.

Avoid HTML5 issues with these WordPress-optimized web browsers.


2. Disable Hardware Acceleration

For Firefox 

  1. Launch Firefox and click on the Menu.
  2. Select Options.
    browser does not support the video tag
  3. Under Options, scroll down to Performance section.
  4. By default “Use recommended performance settings” option is enabled.
  5. Uncheck ” Use recommended performance settings” option.
  6. Now uncheck ” Use hardware acceleration when available“.
    browser does not support the video tag
  7. Close Firefox browser and relaunch it. Try to use the video tag again and check for any improvements.

For Google Chrome

  1. Launch Google Chrome.
  2. Click on the Menu and select Settings.
  3. Scroll down and click on Advanced button.
  4. Again scroll down to System section.
    browser does not support the video tag
  5. Click the toggle switch for “Use hardware acceleration when available” to turn it off.
  6. Close and relaunch Google Chrome browser.
  7. Now try to use the video tag and check for any improvements.

Note: Microsoft Edge Chromium users can follow the steps for Chrome to disable hardware acceleration.


3. Check the Video Path

browser does not support the video tag

  1. The browser does not support the video tag can also occur if the video path used with the video tag is incorrect.
  2. Make sure you have used the right video/image path with the video tag to resolve the error.

Check HTML5 Doctype

  1. Another reason why this error can occur is wrong HTML doctype.
  2. Make sure you are using HTML5 doctype shown below:
    <!DOCTYPE html>
  3. Make sure you use this doctype and check again if the video tag issue occurs.

RELATED STORIES YOU MAY LIKE:

Discussions

Next up

[Fix] Twitch app on Xbox One give error code 995f9a12

Tashreef Shareef avatar. By: Tashreef Shareef
3 minute read

The Xbox Twitch app allows you to stream contents live from your console to your Twitch viewers. Sometimes, after making some changes like changing the […]

Continue Reading

Fix power bi datasource.errors with these steps

Tashreef Shareef avatar. By: Tashreef Shareef
3 minute read

Some times while trying to access data from excel, sqlserver, and oracle to general visuals you may encounter Power bi datasource.errors. These errors can have […]

Continue Reading

Windows has encountered a problem communicating with a device

Vladimir Popescu avatar. By: Vladimir Popescu
2 minute read

Many users have reported seeing the error message Windows has encountered a problem communicating with a device. This issue can stop you from being able […]

Continue Reading