javascript - 使用 Javascript 添加 Youtube 订阅按钮

Question

我正在尝试向我的网站动态添加一个 YouTube 订阅按钮，如下所示:

<script src="https://apis.google.com/js/platform.js"></script>
<div id="youtubeContainer"></div>       
...
window.onload = function() {
    document.getElementById("youtubeContainer").innerHTML = ('<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>');
}

但是按钮不可见。我想知道是否有办法动态加载 YouTube 订阅按钮，以便我可以输入新的 channel 名称/ID？

Answer 1

它已经在工作了。我认为您页面的其他代码存在问题。

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

    document.getElementById("youtubeContainer").innerHTML = ('<div class="g-ytsubscribe" data-channel="GoogleDevelopers" data-layout="default" data-count="default"></div>');

</script>

JSBIN

[编辑]

使用窗口加载:

function renderYtSubscribeButton(channel) {
      var container = document.getElementById('youtubeContainer');
      var options = {
        'channel': channel,
        'layout': 'default'
      };
      gapi.ytsubscribe.render(container, options);
    }

window.onload = function() {
renderYtSubscribeButton("GoogleDevelopers");
}  

</script>

JSBIN