YouTube iFrame API 无法在 iPhone 上加载视频

Question

我收到有关YouTube iFrame API中标头集的错误。我不相信这以前发生过。

Refused to set unsafe header "Origin"
Wdwww-embed-player.js:225:275
$dwww-embed-player.js:228:375
(anonymous function)www-embed-player.js:1267
Jmwww-embed-player.js:870:162
Gqwww-embed-player.js:1266:557
wrwww-embed-player.js:1302:197
(anonymous function)F1CbO4TLzgI:9:14691

这似乎只发生在iPhone上（在Chrome和Safari中）。我使用的是最新的 iOS （9.2.1）

这是发生最后一个错误的代码：

//ln 1503
function Wd(a, b, c, d, e, f, h) {
    function k() {
        4 == (l && "readyState"in l ? l.readyState : 0) && b && nc(b)(l)
    }
    var l = Ud && Ud();
    if (!("open"in l))
        return null;
    "onloadend"in l ? l.addEventListener("loadend", k, !1) : l.onreadystatechange = k;
    c = (c || "GET").toUpperCase();
    d = d || "";
    l.open(c, a, !0);
    f && (l.responseType = f);
    h && (l.withCredentials=!0);
    f = "POST" == c;
    if (e = Xd(a, e))
        for (var n in e)
            l.setRequestHeader(n, e[n]), "content-type" == n.toLowerCase() && (f=!1);
    f && l.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    l.send(d);
    return l
}

这是我加载视频的代码：

var yt = document.createElement('div'),
    _this = this,
    id = this.videoID;
$(yt).attr('id', id);
this.container.append(yt);
this.el = new YT.Player(id, {
    height: '100%',
    width: '100%',
    playerVars: {
        'autoplay': 1,
        'controls': 0,
        'search': 0,
        'showinfo': 0,
        'autohide': 1,
        'rel': 0,
        'html5': 1
    },
    videoId: this.videoID,
    events: {
        'onReady': function(e) { _this.loadComplete(e); },
        'onStateChange': function(e) { _this.stateChanged(e); },
        'onError': function(e) { _this.error(e); }
    }
});
this.timeout = setTimeout(function() {
    _this.core.debug.log('YOUTUBE', 'CHECKTIMEOUT', _this);
    if (!_this.isLoaded) {
        _this.error();
    }
}, TIMEOUT);

任何帮助或建议将不胜感激。

Answer 1

我认为这是我自己的代码的问题。发生错误，但我认为视频仍然可以正常加载。

您甚至可以在YouTube iFrame API演示页面上看到该错误，但视频可以正常工作。