👀 Views: 49 💬 Answers: 1 📅 Created: 2025-06-12

html5 video chrome autoplay HTML

I keep running into I'm deploying to production and I tried several approaches but none seem to work. I'm stuck on something that should probably be simple. I'm stuck on something that should probably be simple. I'm having a frustrating scenario with the `<video>` element in HTML5. I set it to autoplay, but it won't play in Chrome (Version 111.0.5563.64). The video is not muted, and I keep getting a message in the console saying: `Uncaught (in promise) DOMException: The element has no playable sources.` I've checked that the video file is correctly encoded and accessible; it plays without issues when I click play manually. Here's the code I'm using: ```html <video id="myVideo" width="600" autoplay controls> <source src="path/to/video.mp4" type="video/mp4"> Your browser does not support the video tag. </video> ``` I also tried setting the `muted` attribute like this: ```html <video id="myVideo" width="600" autoplay muted controls> <source src="path/to/video.mp4" type="video/mp4"> Your browser does not support the video tag. </video> ``` This did make the video autoplay, but I don't want it to be muted. I've also confirmed that my MIME types are correctly set up on the server. It seems like Chrome is enforcing some autoplay policies, but I need a way to circumvent this without losing sound. What can I do to ensure that my video plays automatically with sound enabled? For context: I'm using Html on macOS. My development environment is macOS. I'm working on a microservice that needs to handle this. Any pointers in the right direction?