chromecast框架无法识别投射按钮

问题描述:

我有一个HTML 5播放器应用程序,需要以编程方式加载其所有皮肤元素。chromecast框架无法识别投射按钮

我正在尝试将Google Cast按钮添加到皮肤。要做到这一点,我有以下代码:

var castButton = document.createElement("button"); 
castButton.setAttribute("is", "google-cast-button"); 

此按钮被追加到页面,并出现在检查的DOM内。我遇到的问题是,框架无法将其识别为投射按钮。所以点击它时不会列出任何设备。

在Chromecast铬API文档它指出cast docs我可以创建使用

document.createElement("button", "google-cast-button"); 

我不能够使用第二个参数,因为我在打字稿我工作的按钮,它没有任何的知识第二个论点。

我在这所遇到的问题的一个例子是最简单的形式可以在这里找到

Typescript playground

当“__onGCastApiAvailable”被当它已经成功加载,按钮应设置为框架调用演员按钮,但不是。

如果我添加一个简单的按钮,HTML

<button id="cast-start" is="google-cast-button" style="width: 30px;"></button> 

这工作?

有什么我丢失或文档错了吗?

问题在于Typescripts支持document.createElement();请参阅以下链接以获得更深入的讨论和解决方案typescript number of arguments error

您可以检查此support page提供故障排除步骤,当你找不到演员按钮:

另外,您可以先试试this troubleshooter form这个page来帮助解决导致丢失设备的最常见问题。

以下是样本CastButton.js