YouTube 属性通过但未反映在视频中

Question

我正在使用 YouTube V3 播放器 API。

var player;

    player = new YT.Player('player', {
        height: '315',
        width: '560',
        videoId: id,
        host: 'https://www.youtube.com',
        playerVars: {
            'autoplay': 1,
            'controls': 1,
            'disablekb': 1,
            'enablejsapi': 1,
            'iv_load_policy': 3,
            'loop': 1,
            'modestbranding': 1,
            'showinfo': 0,

        },
        events: {

        }
    });

问题是我设置的属性不起作用。我在嵌入 URL 中传递的查询字符串中看到它们，但自动播放不启动，modestbranding 不工作等。播放器确实出现在页面中，但视频与 id 对应。

正在本地主机中测试它。

Answer 1

Google 最近更新了他们的自动播放政策，视频必须静音才能在 Chrome:

中自动播放

https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

要使视频静音，请尝试以下操作：

var player;

    player = new YT.Player('player', {
        height: '315',
        width: '560',
        videoId: id,
        host: 'https://www.youtube.com',
        playerVars: {
            'autoplay': 1,
            'controls': 1,
            'disablekb': 1,
            'enablejsapi': 1,
            'iv_load_policy': 3,
            'loop': 1,
            'modestbranding': 1,
            'showinfo': 0,

        },
        events: {
          onReady: function(e) {
            e.target.mute();
          }
        }
    });