How to fix “audio not playing” issue in HTML project?

[Noor-Fatima-24]

Summary

Hi everyone! 👋
I’m working on a personal web project using basic HTML/CSS/JavaScript. I’m facing an issue where my audio or video file doesn’t play properly in the browser, even though the file path seems correct.

I’ve checked the syntax and tried autoplay, loop, and controls, but nothing seems to work. What else should I try?

Additional information

Here’s a snippet of the code I used:


<audio controls autoplay loop>
  <source src="./audio/sample.mp3" type="audio/mp3">
</audio>

Example

Currently testing locally. Can upload to GitHub Pages if needed.

[Mini-2]

Make sure the audio file path is correct, the file isn't corrupted, and consider testing with a local server (like VS Code Live Server), since some browsers block autoplay or media loading when opened directly from the file system

[Noor-Fatima-24]

sure

[Mini-2]

corrected code :

<title>Audio Test</title>

Audio Playback Test

Your browser does not support the audio element. Key Fixes: muted added to allow autoplay in modern browsers.

Multiple source formats included for better compatibility.

Relative path corrected (audio/sample.mp3 without ./).

Fallback message added inside the tag.

[Noor-Fatima-24]

thx alot

[mehwish-mustafa]

hey Test it in multiple browsers:
Chrome, Firefox, Safari, etc., can behave differently with media playback rules.

[Noor-Fatima-24]

👍 ok