# 3 Audio Players - none working

**URL:** <https://forums.realmacsoftware.com/t/3-audio-players-none-working/52735>\
**Category:** Elements CMS\
**Created:** [November 24, 2025, 1:24pm UTC](https://forums.realmacsoftware.com/t/3-audio-players-none-working/52735 "2025-11-24T13:24:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [November 24, 2025, 1:24pm UTC](https://forums.realmacsoftware.com/t/3-audio-players-none-working/52735/1 "2025-11-24T13:24:17Z")

</div>

[elementsapp://downloadDocument/QXmbA2MRCgC2](elementsapp://downloadDocument/QXmbA2MRCgC2)

Html - not working  
Elements - can’t {{}} source audio  
Doobox - tired {{item.audio.mp3}} {{item.audio}}

```auto
<div style="max-width:400px; margin:0 auto; text-align:center;">
  <audio controls preload="metadata" style="width:100%;border-radius:8px;">
    <source src="{{item.audio}}" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
</div>

```

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 24, 2025, 3:01pm UTC](https://forums.realmacsoftware.com/t/3-audio-players-none-working/52735/2 "2025-11-24T15:01:16Z")

</div>

Okay, so you have quite a few problems going on here 🥴

Here’s how to fix them…

If you’e building your own Custom CMS Components you need to wrap the twig tags in `@raw`, like this:

```auto
<div style="max-width:400px; margin:0 auto; text-align:center;">
  <audio controls preload="metadata" style="width:100%;border-radius:8px;">
    <source src="@raw(){{item.audio}}@endraw" type="audio/mpeg">
    Your browser does not support the audio element.
  </audio>
</div>

```

Your other problem is file naming, you need to ensure all your audio files use web safe names, and that your Markdown files also reference web safe names.

And finally…

 ![CleanShot 2025-11-24 at 3 .04.03@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/3/237878f28944fe4079cebe0c4646ed26c8059c47.jpeg)

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [November 24, 2025, 8:09pm UTC](https://forums.realmacsoftware.com/t/3-audio-players-none-working/52735/3 "2025-11-24T20:09:39Z")

</div>

Thank you so much 😊 it works… working on batch renaming everything now 🙂

---

<div class="post-metadata">

**Author:** ![MichaelDroste](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/michaeldroste/32/37212_2.png) [@MichaelDroste](https://forums.realmacsoftware.com/u/MichaelDroste)\
**Post date:** [November 24, 2025, 9:19pm UTC](https://forums.realmacsoftware.com/t/3-audio-players-none-working/52735/4 "2025-11-24T21:19:24Z")

</div>

Have to say - Now that things are all lower case and separated with a hyphen - @Doobox audio player WORKS PERFECTLY and I’m using it!!!