javascript - 未捕获的类型错误 : Cannot call method 'toLowerCase' of undefined (Youtube API)

Question

我在搜索问题时发现了这个问题:Uncaught TypeError: Cannot call method 'toLowerCase' of undefined我查看了一下，但它似乎与我的情况无关(我可能错了!)。

无论如何，我通过在我的 HTML 文件中包含“http://www.youtube.com/player_api”来使用 Youtube Iframe API。当我的页面准备好后，我将 7 个 iframe 添加到我的 DOM，它们获得了自己的 ID(示例 id="0")，我用 for 循环更改了它，并且对于每个 iframe，我调用一个方法来应用 Youtube API 功能视频:

function addPlayerAPIToVideo(vidId, link, plId) {
    if (players[plId] === undefined) {
        players[plId] = new Array();
    }

    playlistPlayers[plId][vidId] = new YT.Player(vidId, { //Error comes from the YT.Player function
        videoId: link,
        events: {
            'onStateChange': onPlayerStateChange
        }
    });
}

vidId 是我在调用此方法之前创建的 iframe 上的 ID。在此错误期间，plId == 0，并且该值不会影响结果(在本例中)。link 是 Youtube 视频标识符，它有 11 个字符长，看起来像这样:TMTpeDM7GN0。

我可能会补充一点，我可以调用此函数一次而不会收到任何错误，但我第二次调用它时会收到错误(见标题)。此外，Firefox 告诉我问题出在“http://s.ytimg.com/yts/jsbin/www-widgetapi-vflZPZFPk.js”中第 18 行的“TypeError: c.tagName is undefined”。

这变得相当长，但我尽量做到尽可能详尽。

非常感谢所有帮助!

Answer 1

我遇到了一个非常相似的错误。我的问题似乎是我传递的是 JQuery 元素而不是原始元素，而且它没有 tagName。您的问题给了我所需的线索，非常感谢!或许您可以尝试自己获取元素而不是传递 id，并确保您获取的对象具有 tagName 成员。