HTML5

У меня есть <video>:

<video id="my-video" style="postion: relative;" playsinline autoplay muted controls>
    <source src="https://xxx/test.m3u8">
</video>

При входе видео запускается, но я хочу убрать controls и звука при входе нет, он отключен. Тогда я использую js код:

function stat() {
  videoEl = document.getElementById("my-video");
  videoEl.volume = 1.0;
  alert(videoEl.volume);
}

Интересно что этот код, может убрать звук если выставить 0, но при этом если выставить 1.0 звук не включается. Вроде как это браузер и он блокирует автовоспроизведение звука, но я привязал эту функцию на элемент . Как я могу сделать, так чтобы пользователь при входе для того чтобы включить звук нажимал кнопку, но не видел controls(ползунка видео)