
Next, scroll down near the bottom and under the System section, turn off “Use hardware acceleration when available,” and relaunch Chrome.

You can get to Settings from the Options menu or type: chrome://settings in the address bar and hit Enter. The first thing to try is disabling hardware acceleration in Chrome’s Advanced Settings to fix the problem. Audio and video playback controls were not accessible either. But after pressing play, I would be staring at just a blank black box. Or, sometimes (like this example from the Android Oreo site), the video displayed the featured thumbnail. Well, when I would come across one, usually the video box was completely blank. Typically, videos on a website, including ours, are embedded from a streaming service like YouTube or Vimeo. Well, the next day, I realized that embedded videos were not playing in Chrome. It was late at night, and I didn’t remember which settings I messed with. I didn’t have a reason to start turning things on and off other than being bored and curious. The other day I was tinkering with various settings in the Chrome browser. If you’d like to learn more, be sure to check out our HTML/CSS/JavaScript Training.Fix Videos in Website Not Playing in Chrome

Now Chrome’s security feature will be fulfilled and the video should play as normal and if the user wants to hear the video, they’ll have to unmute it. To mute the video add a “muted” attribute like so: So the solution is pretty simple, you have to mute the video and then, only then, will Chrome play it normally when the page loads. The sound would start to play and Chrome doesn’t want that. The issue with this is Chrome would not play the video because it hasn’t been muted. Using the HTML5 video tag, if I were to add a video to a page that has the controls visible, autoplays, and loops the code would look like this:

It will block it because it doesn’t want the user hearing an unwanted video. For example, they added a feature that won’t play a video on a website if the sound is enabled. Home | SkillForge Blog | How to autoplay a video using HTML 5 in Chrome How to autoplay a video using HTML 5 in ChromeĬhrome is a great browser but sometimes it has a lot of security features that end up conflicting with your code and what you’re trying to do.
