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");
我不能够使用第二个参数,因为我在打字稿我工作的按钮,它没有任何的知识第二个论点。
我在这所遇到的问题的一个例子是最简单的形式可以在这里找到
当“__onGCastApiAvailable”被当它已经成功加载,按钮应设置为框架调用演员按钮,但不是。
如果我添加一个简单的按钮,HTML
<button id="cast-start" is="google-cast-button" style="width: 30px;"></button>
这工作?
有什么我丢失或文档错了吗?
答
问题在于Typescripts支持document.createElement();请参阅以下链接以获得更深入的讨论和解决方案typescript number of arguments error
答
您可以检查此support page提供故障排除步骤,当你找不到演员按钮:
- 确保Chrome browser is up to date。
- “投射”按钮位于溢出区域。
另外,您可以先试试this troubleshooter form这个page来帮助解决导致丢失设备的最常见问题。
以下是样本CastButton.js。