订阅YouTube频道时获取特定div的ID

Question

我需要在用户订阅或取消订阅Youtube频道时显示该频道的名称。

下面是两个订阅按钮和一个事件脚本。

<script src="https://apis.google.com/js/platform.js"></script>

<div id="chan-1" class="g-ytsubscribe" data-channel="SMOSH" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>
</div>

<div id="chan-2" class="g-ytsubscribe" data-channel="Apple" data-layout="default" data-count="default" data-onytevent="onYtEvent"></div>
</div>

<script>
  function onYtEvent(payload) {

    if (payload.eventType == 'subscribe') {
      // Need to display subscribed channel name

    } else if (payload.eventType == 'unsubscribe') {
      // Need to display unsubscribed channel name

    }
    if (window.console) { // for debugging only
      window.console.log('YT event: ', payload);
    }
  }
</script>

Answer 1

您可以使用以下代码：

    var divs = $('div#chan-1').attr('id');

要获取＜code＞的id：

一个JS Bin示例：http://jsbin.com/mazasegawu/edit?html输出

Answer 2

您可以通过多种方式执行此操作。

>

将payload参数中传递的外部id与通道id匹配

有效负载参数包含 channelExternalId，它包含该频道 youtube id。您可以保留要显示的频道的外部 ID 列表，以及当 ytevent 触发时将 channelExternalId 与正确的频道名称相匹配

var channelNamesById = {
   "UCY30JRSgfhYXA6i6xX1erWg":"SMOSH",
   "UCE_M8A5yxnLfW0KghEeajjw":"Apple"
};
function onYtEvent(payload){
    var channelName = channelNamesById[payload.channelExternalId];
}

有几种方法可以获取频道 ID，请参阅此处

动态创建按钮，并将频道名称绑定到ytevent回调函数，该函数将频道名称作为参数传递

api还允许您动态创建按钮。以这种方式创建按钮时，可以将其设置为将通道名称传递给回调函数

网页

<div id="chan-1"></div>
<div id="chan-2"></div>

射流研究…

gapi.ytsubscribe.render(
   document.querySelector("#chan-1"),
   {
       "channel": "SMOSH", 
       "layout": "default",
       "count":"default",
       "onytevent":onYtEvent.bind(null,"SMOSH")
   }
);
gapi.ytsubscribe.render(
  document.querySelector("#chan-2"),
  {
       "channel": "Apple", 
       "layout": "default",
       "count":"default",
       "onytevent":onYtEvent.bind(null,"Apple")
  }
);

function onYtEvent(channelName,payload) {
    console.log(channelName);
}

您还可以使用api执行ajax请求以获取频道详细信息，其中应包括频道名称，但由于您在代码中已经有频道名称，因此我没有介绍该选项。信道api