자동 음소거 YouTube 동영상 삽입 방법
페이스북에서 대다수의 동영상은 소리가 꺼진 상태로 자동 재생됩니다. 데스크톱이든 모바일 앱이든, 타임라인을 스크롤하는 동안 동영상은 자동으로 시작되지만, 사용자가 직접 탭하여 동영상을 열지 않는 한 소리는 재생되지 않습니다. 이러한 방식은 사용자에게 불편을 주지 않으며, 특히 타임라인에서 수많은 고양이 동영상을 접할 때 다른 사람들에게 방해가 되지 않도록 합니다. 유튜브 동영상 역시 기본적으로 소리가 꺼진 상태로 삽입하고 싶다면, Labnol의 Amit Agarwal이 고안한 스크립트를 활용할 수 있습니다. 이 스크립트를 사용하면 동영상은 자동 재생되지만, 소리는 음소거 상태로 유지됩니다. 따라서 웹사이트 방문자는 필요에 따라 수동으로 소리를 켜야 합니다. 사용법은 다음과 같습니다.
먼저 삽입하고자 하는 유튜브 동영상 페이지로 이동하여, 브라우저 주소창에서 동영상 ID를 확인합니다. 동영상 ID는 ‘https://www.youtube.com/watch?v=’ 바로 뒤에 오는 문자열입니다.
아래는 동영상 삽입에 필요한 스크립트입니다. 8번째 줄의 ‘YOUR_VIDEO_ID’ 부분을 방금 복사한 동영상 ID로 대체하기만 하면 됩니다.
<div id="muteYouTubeVideoPlayer"></div>
<script async src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'YOUR_VIDEO_ID', // YouTube Video ID
width: 560, // Player width (in px)
height: 316, // Player height (in px)
playerVars: {
autoplay: 1, // Auto-play the video on load
controls: 1, // Show pause/play buttons in player
showinfo: 0, // Hide the video title
modestbranding: 1, // Hide the Youtube Logo
loop: 1, // Run the video in a loop
fs: 0, // Hide the full screen button
cc_load_policty: 0, // Hide closed captions
iv_load_policy: 3, // Hide the Video Annotations
autohide: 0 // Hide video controls when playing
},
events: {
onReady: function(e) {
e.target.mute();
}
}
});
}
// Written by @labnol
</script>
이 코드를 활용하면 유튜브 동영상이 소리가 꺼진 상태로 삽입됩니다. 실제 삽입된 모습은 아래 스크린샷과 같습니다.
주의할 점은 삽입이 제한된 동영상에는 이 방법이 적용되지 않는다는 것입니다. 하지만 대부분의 일반적인 동영상에는 문제없이 작동합니다.