YouTube : 사운드가 음소거 된 임베딩 비디오를 표시하는 방법


81

음소거 된 동영상을 삽입하려고하는데 어떻게 작동하는지 알 수 없습니다.

현재 나는 이것을 사용하고 있지만 작동하지 않습니다.

<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&amp;autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>

이 일을 어떻게 할 수 있는지 아는 사람 있나요?

답변:


91

업데이트 됨

&mute=1URL 끝에 추가하십시오 .

새 코드는 다음과 같습니다.

<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&amp;autoplay=1&mute=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>


6
더 이상 작동하지 않습니다. youtube api 사용 ( stackoverflow.com/a/41045251/353752 )
mwm

@FrankConijn, 더 쉬운 솔루션? 대답은 동일하지만, 여기에는 예가 있습니다. 누가 첫 번째인지는 중요하지 않습니다. 예를 들면 더 쉽게 만들 수 있습니다.
ICG DEVS

@ICGDEVS — 귀하의 의견이 의미가 없습니다. 편집 날짜와 내 의견을 살펴보십시오. 다른 답변 아래에서 '쉬운'에 대해 아무 말도하지 마십시오.
Frank Conijn

미안 해요. 어쨌든 내 의견이 사라 졌으므로 더 이상 의미가 없습니다.
ICG DEVS


29

받아 들인 대답은 나를 위해 작동하지 않았으며 대신 이 자습서 를 성공으로 따랐 습니다.

원래:

<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_policy: 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>

3
추가 mute: 1로 추가 할 수도 playerVar있으며 onReady이벤트가 필요하지 않습니다. 뒤에 쉼표를 추가하고 '스팸성'으로 간주되므로 autohide: 0사용할 수 없습니다 mute: 0. 또한 페이지를 새로 고침 할 때 동영상을 명시 적으로 음소거 한 후에도 여전히 음소거 상태가됩니다.
Simon_Weaver

11

이것은 쉬워요. iframe의 src 매개 변수에 mute = 1 을 추가하면 됩니다.

예:

<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?controls=0&mute=1&showinfo=0&rel=0&autoplay=1&loop=1&playlist=uNRGWVJ10gQ" frameborder="0" allowfullscreen></iframe>

4

<iframe  src="https://www.youtube.com/embed/7cjVj1ZyzyE?autoplay=1&loop=1&playlist=7cjVj1ZyzyE&mute=1" frameborder="0"  allowfullscreen></iframe>

음소거 = 1


2
설명을 추가해주세요. How to answer
Hani

2
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ObHKvS2qSp8?list=PLF8tTShmRC6uppiZ_v-Xj-E1EtR3QCTox&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>



<iframe width="560" height="315" src="https://www.youtube.com/embed/ObHKvS2qSp8?list=PLF8tTShmRC6uppiZ_v-Xj-E1EtR3QCTox&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>

2017 년부터는 올바르게 작동하며 승인되어야합니다.
Manuel Di Iorio

2

이 영역에 아래 코드를 게시 한 친구에게 감사드립니다. 마침내 하루 종일 처리해야했던 문제를 해결했습니다.

<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: 'xCIBR8kpM6Q', // YouTube Video ID
                                        width: 1350, // Player width (in px)
                                        height: 500, // Player height (in px)
                                        playerVars: {
                                            autoplay: 1, // Auto-play the video on load
                                            controls: 0, // Show pause/play buttons in player
                                            showinfo: 0, // Hide the video title
                                            modestbranding: 0, // Hide the Youtube Logo
                                            loop: 1, // Run the video in a loop
                                            fs: 0, // Hide the full screen button
                                            cc_load_policy: 0, // Hide closed captions
                                            iv_load_policy: 3, // Hide the Video Annotations
                                            autohide: 0, // Hide video controls when playing
                                            rel: 0 
                                        },
                                        events: {
                                            onReady: function(e) {
                                                e.target.setVolume(5);
                                            }
                                        }
                                    });
                                }

                                // Written by @labnol

                            </script>


1

출처 : https://developers.google.com/youtube/iframe_api_reference

   <div id="player"></div>
    <script>

          var tag = document.createElement('script');
          tag.src = "https://www.youtube.com/iframe_api";
          var firstScriptTag = document.getElementsByTagName('script')[0];
          firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

          var player;
          function onYouTubeIframeAPIReady() {
            player = new YT.Player('player', {
              height: '720',
              width: '1280',
              videoId: 'M7lc1UVf-VE',
              playerVars :{'autoplay':1,'loop':1,'playlist':'M7lc1UVf-VE','vq':'hd720'},
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });
          }

          function onPlayerReady(event) {
               event.target.setVolume(0);
           event.target.playVideo();
          }

          var done = false;
          function onPlayerStateChange(event) {
            if (event.data == YT.PlayerState.PLAYING && !done) {
        //      setTimeout(stopVideo, 6000);
                      done = true;
            }
               event.target.setVolume(0);
          }
    </script>

0

그냥 통과하십시오 mute=1.

예를 들면 :

<iframe id="myVideo" src="https://www.youtube.com/embed/k0DN-BZrM4o?rel=0&amp;autoplay=1;mute=1" width="100%" height="600" frameborder="0" allowfullscreen></iframe>

-1

이에 대한 해결책을 찾고 있었어요하지만 난 iframe을 통해 포함되지 않은, 광산 이미지 / video.mp4 연결되었다 -이 발견 https://www.w3schools.com/tags/att_video_muted.asp 나는 단순히 추가 <- 비디오 컨트롤이 음소거 됨> (CSS / HTML 5 솔루션),하지만 JS가 필요하지 않습니다 ...


-3
<iframe width="560" height="315" src="https://www.youtube.com/embed/ULzr7JsFp0k?list=PLF8tTShmRC6vp9YTjkVdm1qKuTimC6K3e&rel=0&amp;autoplay=1&controls=1&loop=1" rel=0&amp frameborder="0" allowfullscreen></iframe>

2
이것이 작동하는 방법과 이유에 대해 자세히 설명하십시오. 코드 조각을 게시하는 것만으로는 초보자에게 도움이되지 않습니다.
herrbischoff

이것은 질문이 무엇인지를 수행하지 않습니다!
jankal

-5

이 시도

<iframe width="420" height="315" src="http://www.youtube.com/embed/
HeQ39bLsoTI?autoplay=1&cc_load_policy=1" volume="0" frameborder="0"
allowfullscreen></iframe>

volume = "0"을 쓰는 것을 잊지 마세요

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.