[javascript & HTML5] video tag autoplay + muted 음소거 해제하기 (html video태그)

동영상 full screen + muted + autoplay + loop 로 재생한 후 음소거 클릭이벤트로 컨트롤하기

<figure>
  <video id="introVideo" autoplay muted loop playsinline>
  <button class="js__muted__control">음소거컨트롤버튼</button>
</figure>

<script>
	const introVideo = document.getElementById("introVideo");
    $(document).on("click", ".js__muted__control", function () {
    	const $this = $(this);
        
    	if (!(".js__muted__control").hasClass("on")) {
        	introVideo.muted = false;
            $this.addClass("on");
        }
        else {
	        introVideo.muted = true;
            $this.removeClass("on")
        }
    })
</script>