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

时间:2018-07-01 03:16:43

标签: javascript youtube-api youtube-data-api

我正在使用YouTube V3 Player 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中传递的查询字符串中看到了它们,但是自动播放无法启动,谦虚的品牌推广不起作用,等等。尽管该播放器的确与该ID对应的视频一起出现在页面中。

在localhost中对其进行测试。

1 个答案:

答案 0 :(得分: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();
          }
        }
    });