单个网页上的多个 Chromecast 发件人答案

【问题标题】：Multiple Chromecast senders on a single web page单个网页上的多个 Chromecast 发件人
【发布时间】：2018-02-22 14:26:12
【问题描述】：

我们发现当有多个嵌入 Chromecast 插件的播放器可用时，Chromecast 插件无法注册两个投射按钮。

可见的控制台错误是：未捕获的 DOMException：无法在“文档”上执行“registerElement”：“google-cast-button”类型的注册失败。已注册具有该名称的类型。

似乎演员框架正在将第二个按钮的 css 属性更改为 display:none 一旦有其他玩家使用它。

表示错误的测试页面：https://jsbin.com/repivowuge/edit?html,js,output

        <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <h2>Chromecast 'google-cast-button' error, toggle browser console to see</h2>
  <h3>Player 1</h3>
<script src="https://cdnapisec.kaltura.com/p/1673641/sp/167364100/embedIframeJs/uiconf_id/41860021/partner_id/1673641"></script>
<div id="kaltura_player_1519307906" style="width: 560px; height: 395px;"></div>
<script>
kWidget.embed({
  "targetId": "kaltura_player_1519307906",
  "wid": "_1673641",
  "uiconf_id": 41860021,
  "flashvars": {
    "streamerType": "auto",
    "chromecast.plugin": true
  },
  "cache_st": 1519307906,
  "entry_id": "1_4bc211jv"
});
</script>
    <h3>Player 2</h3>
<div id="kaltura_player_1519307903" style="width: 560px; height: 395px;"></div>
<script>
kWidget.embed({
  "targetId": "kaltura_player_1519307903",
  "wid": "_1673641",
  "uiconf_id": 41860021,
  "flashvars": {
    "streamerType": "auto",
    "chromecast.plugin": true
  },
  "cache_st": 1519307906,
  "entry_id": "1_4bc211jv"
});
</script>
</body>
</html>

【问题讨论】：

标签： chromecast google-cast

【解决方案1】：

拍摄from here，谷歌官方对此事的回答

感谢您报告问题。看起来你正在加载发件人在页面中两次。通常，您可以有多个按钮该页面但是“google-cast-button”注册将是一个。从错误信息来看，表示该类型正在注册中两次。

我们不支持两次注册“google-cast-button”。

因此，如果您将 <button is="google-cast-button"></button> 用作 CAF 发件人的 recommended here，那么您只能拥有其中一个。第二个需要是自定义按钮。

【讨论】：