HTML5 video not working as expected

[vinodMS]

Since I have seen a demo with youtube embed, I'm assuming HTML5 video tags are expected to work as well.

But unfortunately it doesn't seem to work as expected. Setting the video tag to autoplay does play the video, but the controls don't show up.

<video
        width="640"
        poster="{{ media.thumbnail.url }}"
        controls
        controlsList="nodownload"
        autoplay="autoplay"
        loop
        muted>
    <source src="{{ media.file.url }}" type="video/mp4">
    Your browser does not support the video tag.
</video>

Not having autoplay on shows the controls but doesn't play the video.

Any idea how to fix the issue?