如何在初始播放后将循环html5视频静音

Question

我目前正在尝试创建一个视频循环播放30秒的网页。视频播放音频，但我只希望音频在初始循环播放。之后，我希望它循环静音。

这是我目前的不成功尝试，事件监听器似乎没有因为循环而激活：

<video id="introvid" autoplay loop onended="muteVid()">
    <source src="assets/intro.mp4" type="video/mp4">
</video>

<script>
function muteVid()
        {
            var video = document.getElementById("introvid");
            video.muted= true;
        }
</script>

是否有其他方法可以在所有后续循环中静音视频？ 感谢