# Codecs for HTML video player, no sound in audio

**URL:** <https://forums.ankiweb.net/t/codecs-for-html-video-player-no-sound-in-audio/69100>\
**Category:** Card Design\
**Created:** [March 6, 2026, 11:41pm UTC](https://forums.ankiweb.net/t/codecs-for-html-video-player-no-sound-in-audio/69100 "2026-03-06T23:41:52Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![suiyuan](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/suiyuan/32/20938_2.png) [@suiyuan](https://forums.ankiweb.net/u/suiyuan)\
**Post date:** [March 6, 2026, 11:41pm UTC](https://forums.ankiweb.net/t/codecs-for-html-video-player-no-sound-in-audio/69100/1 "2026-03-06T23:41:52Z")

</div>

Hi!

I’ve been trying to add a couple of short videos to my cards using this:

```auto
{{#vid1}}
<div style="text-align: center; margin-top: 15px;">
  <button id="btn-vid1" style="padding: 8px 12px; cursor: pointer;" onclick="toggleVid('vidPlayer1', '{{text:vid1}}')">
    Loading...
  </button>
  
  <div id="vidPlayer1-wrap" style="display:none; margin-top: 10px; width: 100%;">
    <video id="vidPlayer1" loop playsinline controls style="width: 60%; margin: 0 auto; display: block;"></video>
  </div>
</div>
<script>
  (function() {
    var fileName = "{{text:vid1}}";
    var dotIndex = fileName.lastIndexOf('.');
    var nameWithoutExt = dotIndex !== -1 ? fileName.substring(0, dotIndex) : fileName;
    document.getElementById('btn-vid1').innerText = "[" + nameWithoutExt + "]";
  })();
</script>
{{/vid1}}

```

.mp4 files would not play at all (H264), so I converted them to .webm (vp9) and it is working. However, sound is gone. I tried both opus and vorbis codecs. What am I doing wrong?

Also, what is the best codec for compatibility (PC, Android and iOS)? I was considering using the `[sound:xxx.mp4]` tag instead but I want the video to loop after pressing the button until I manually stop it.

Any suggestions?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [April 5, 2026, 11:42pm UTC](https://forums.ankiweb.net/t/codecs-for-html-video-player-no-sound-in-audio/69100/2 "2026-04-05T23:42:36Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.