Youtube API嵌入静音视频不';不执行javascript——为什么它在JSFIDLE上工作而不是在html文件中?

Youtube API嵌入静音视频不';不执行javascript——为什么它在JSFIDLE上工作而不是在html文件中?,javascript,html,youtube,youtube-api,youtube-iframe-api,Javascript,Html,Youtube,Youtube Api,Youtube Iframe Api,我尝试在网站上嵌入youtube视频并将其静音 我已经找到了这个主题: 因此,我尝试了答案,这是成功的: 但是,当我在JSFIDLE之外尝试相同的代码时,javascipt代码不再执行 源代码 <html> <head> <script type="text/javascript"> var tag = document.createElement('script'); tag.src

我尝试在网站上嵌入youtube视频并将其静音

我已经找到了这个主题:

因此,我尝试了答案,这是成功的:

但是,当我在JSFIDLE之外尝试相同的代码时,javascipt代码不再执行

源代码

<html>
    <head>
        <script type="text/javascript">
            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
                    }
                });
            }

            function onPlayerReady()
            {
                player.playVideo();
                // Mute!
                player.mute();
            }

        </script>

        <iframe id="ytplayer" type="text/html" style="position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:0;" src="https://www.youtube-nocookie.com/embed/DjxwLr6TjHs?playlist=DjxwLr6TjHs&enablejsapi=1&border=0&start=60&autoplay=1&showinfo=0&controls=0&disablekb=1&cc_load_policy=1&iv_load_policy=3&rel=0&loop=1" frameborder="0"></iframe>
    </head>

    <body>
    </body>
</html>

var tag=document.createElement('script');
tag.src=“//www.youtube.com/iframe_api”;
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var播放器;
函数onyoutubeiframeapiredy()
{
player=新的YT.player('ytplayer',
{
活动:
{
“onReady”:onPlayerReady
}
});
}
函数onPlayerReady()
{
player.playVideo();
//哑巴!
player.mute();
}

有什么想法吗?

让你的第一行js看起来像这样(复制粘贴)

否则(本地)它将指向一个文件


也许您只需添加一个控制台输出来检查api是否正确加载:)

只需将您的第一行js设置为这样(复制粘贴)

否则(本地)它将指向一个文件


也许您只需添加一个控制台输出来检查api是否正确加载:)

只需将您的第一行js设置为这样(复制粘贴)

否则(本地)它将指向一个文件


也许您只需添加一个控制台输出来检查api是否正确加载:)

只需将您的第一行js设置为这样(复制粘贴)

否则(本地)它将指向一个文件


也许您只需添加一个控制台输出来检查api是否正确加载:)

这正是我脑海中浮现的想法^^我不知道为什么它可以在JSFIDLE上工作。。也许他们有办法让它自动化或者。。我不知道^^^但很高兴听到它成功了:)享受这只是我脑海中浮现的东西^^我不知道为什么它在JSFIDLE上有效。。也许他们有办法让它自动化或者。。我不知道^^^但很高兴听到它成功了:)享受这只是我脑海中浮现的东西^^我不知道为什么它在JSFIDLE上有效。。也许他们有办法让它自动化或者。。我不知道^^^但很高兴听到它成功了:)享受这只是我脑海中浮现的东西^^我不知道为什么它在JSFIDLE上有效。。也许他们有办法让它自动化或者。。我不知道^^但很高兴听到它起作用:)享受吧
 tag.src = "http://www.youtube.com/iframe_api";