使用 Javascript 添加 Youtube 订阅按钮答案

【问题标题】：Add Youtube Subscribe Button using Javascript使用 Javascript 添加 Youtube 订阅按钮
【发布时间】：2016-05-28 06:10:57
【问题描述】：

我正在尝试向我的网站动态添加一个 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 订阅按钮，以便我可以输入新的频道名称/ID？

【问题讨论】：

标签： javascript html youtube

【解决方案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

【讨论】：

但是我怎样才能添加我自己的网址呢？从数据库加载频道名称后，我需要添加按钮。
你用什么从数据库中获取频道名称？如果您使用服务器端脚本，则可以正常工作
客户端从 mySQL 数据库中获取 URL。
是的，但是您使用哪种脚本语言从数据库中获取 URL。例如，如果使用 PHP，则在 php 中编写代码以连接 mysql 并从数据库中获取 url，并通过将 php 变量传递给 javascript 来将 url 添加到 javascript 中。在这种情况下，上面的代码工作完美。因为服务器端脚本首先执行
服务器是 Node.js 服务器。并在window.onLoad中获取数据

【解决方案2】：

许多拥有个人网站的 Youtuber 希望在他们的网站上添加频道订阅按钮，以下是在您的网站上添加 youtube 订阅按钮的分步指南。
步骤 1) 转到https://developers.google.com/youtube/youtube_subscribe_button。

第 2 步）在文本框中输入您的频道 ID。

步骤 3) 选择按钮布局

步骤 4) 选择主题。

第 5 步）订阅者数量（显示或隐藏）

第 6 步）获取代码并粘贴到您的网站中。
阅读更多..How to add Youtube Subscribe button in Javascript

【讨论】：