blocks|key|152544|text|尝试下面的代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152545|var+youtubeplayer+=+iframe.getElementById('ytplayer');
youtubeplayer+.setVolume(0);|code-block|syntax|javascript|152546|下面是你的小提琴更新版本，|152547|注意:必须在视频url中包含enablejsapi=1|offset|length|style|BOLD|152548|++++++++var+tag+=+document.createElement('script');

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

++++var+player;

++++function+onYouTubeIframeAPIReady()+{
++++++++player+=+new+YT.Player('ytplayer',+{
++++++++++++events:+{
++++++++++++++++'onReady':+onPlayerReady,
++++++++++++++++++++'onStateChange':+onPlayerStateChange
++++++++++++}
++++++++});
++++}

++++function+onPlayerReady(event)+{
++++++++player.playVideo();
++++++++//+Mute?!
++++++++//player.mute();+instead+of+this+use+below
++++++++event.target.mute();
++++++++//player.setVolume(0);
++++}|152549|DEMO希望这能帮到你...|152550|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/antoKing/XQ5ua/^0|0|0|0|0|B|0|0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@$K|14|L|15|M|N]]|9|@]|A|$]]|$1|O|3|P|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|17|8|@]|9|@$K|18|L|19|1|1A]]|A|$]]|$1|S|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

<p>Try below code </p>

<pre><code>var youtubeplayer = iframe.getElementById('ytplayer');
youtubeplayer .setVolume(0);
</code></pre>

<p>And below is your fiddle updated version,</p>

<p><strong>NOTE: Must include enablejsapi=1 in video url</strong></p>

<pre><code>        var tag = document.createElement('script');

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

    var player;

    function onYouTubeIframeAPIReady() {
        player = new YT.Player('ytplayer', {
            events: {
                'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
            }
        });
    }

    function onPlayerReady(event) {
        player.playVideo();
        // Mute?!
        //player.mute(); instead of this use below
        event.target.mute();
        //player.setVolume(0);
    }
</code></pre>

<p><a href="http://jsfiddle.net/antoKing/XQ5ua/" rel="nofollow">DEMO</a>
Hope this helps...</p>


blocks|key|149792|text|由于某种原因，上面的所有答案对我来说都不起作用。这可能是奇怪的wordpress主题，我不得不在Youtube+API上使用或贬低方法，我不确定。将播放器静音的唯一方法是将下面的代码插入到标签中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|149793|​|149794|//+Loads+the+IFrame+Player+API+code+asynchronously.
++var+tag+=+document.createElement('script');
++tag.src+=+"https://www.youtube.com/player_api";
++var+firstScriptTag+=+document.getElementsByTagName('script')[0];
++firstScriptTag.parentNode.insertBefore(tag,+firstScriptTag);

++//+Replaces+the+'ytplayer'+element+with+an+<iframe>+and
++//+YouTube+player+after+the+API+code+downloads.
++var+player;
++function+onYouTubePlayerAPIReady()+{
++++player+=+new+YT.Player('ytplayer',+{
++++++++height:+'390',
++++++++width:+'640',
++++++++videoId:+'YOUR_VIDEO_ID',
++++++++playerVars:+{
++++++++++autoplay:+1,
++++++++++controls:+1,
++++++++++disablekb:+1,
++++++++++hl:+'ru-ru',
++++++++++loop:+1,
++++++++++modestbranding:+1,
++++++++++showinfo:+0,
++++++++++autohide:+1,
++++++++++color:+'white',
++++++++++iv_load_policy:+3,
++++++++++theme:+'light',
++++++++++rel:+0
++++++++},
++++++++events:+{
++++++++++++'onReady':+onPlayerReady,
++++++++}
++++});
++}

function+onPlayerReady(event){
++++player.mute();
}|code-block|syntax|javascript|149795|<div+id="ytplayer"></div>|149796|149797|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>All above answers didn't work for me for some reason. It might be weird wordpress theme that I had to use or depreciated methods at Youtube API, I'm not sure. The only way of muting the player was to insert the code below into  tag.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// Loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  // Replaces the 'ytplayer' element with an &lt;iframe&gt; and
  // YouTube player after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '390',
        width: '640',
        videoId: 'YOUR_VIDEO_ID',
        playerVars: {
          autoplay: 1,
          controls: 1,
          disablekb: 1,
          hl: 'ru-ru',
          loop: 1,
          modestbranding: 1,
          showinfo: 0,
          autohide: 1,
          color: 'white',
          iv_load_policy: 3,
          theme: 'light',
          rel: 0
        },
        events: {
            'onReady': onPlayerReady,
        }
    });
  }

function onPlayerReady(event){
    player.mute();
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="ytplayer"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|2734772|text|需要注意的是，YouTube+API要求您在标记中直接在<script>标记中运行，或者通过标准的document.onLoad()本机侦听器运行，而不是作为命名函数运行。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2734773|否则，它不会在本地将onYouTubeIframeAPIReady()函数绑定到DOM。|2734774|entityMap^0|S|8|1D|H|0|A|P|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|R|8|@]|D|@]|E|$]]]|I|$]]

<p>It's important to note that YouTube API mandates you run this within your markup directly within a <code>&lt;script&gt;</code> tag, or via a standard <code>document.onLoad()</code> native listener and not as a named function. </p>

<p>Otherwise it will not natively bind the <code>onYouTubeIframeAPIReady()</code> function to the DOM.</p>


<p>I'm experimenting with the Youtube player but I can't get it to mute by default.</p>

<pre><code>function onPlayerReady() {
    player.playVideo();
    // Mute?!
    player.mute();
    player.setVolume(0);
}
</code></pre>

<p>How do I mute it from the start?</p>

<p><strong><a href="http://jsfiddle.net/Jonathan_Ironman/BFDKS/">Fiddle</a></strong></p>

<hr>

<p><strong>Update:</strong></p>

<p><a href="https://developers.google.com/youtube/js_api_reference">JavaScript Player API is deprecated</a>.<br>
Use <a href="https://developers.google.com/youtube/iframe_api_reference">iframe Embeds</a> instead.</p>


How do you mute an embedded Youtube player?

我正在用Youtube播放器做实验，但是我不能让它默认静音。function onPlayerReady() {    player.playVideo();    // Mute?!    player.mute();    player.setVolume(0);}如何从一开始就将其静音？更新：。请改用。

问如何将嵌入式Youtube播放器静音？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将嵌入式Youtube播放器静音？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将嵌入式Youtube播放器静音？
EN