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订阅按钮，以便输入新的频道名称/ ID？

Answer 1

它已经有效了。我认为你网页的其他代码存在问题。

public static void main(String[] argv){
         Properties props = new Properties();
         props.put("bootstrap.servers", "http://XX.XX.XX.XX:9092");
         props.put("acks", "all");
         props.put("retries", 0);
         props.put("batch.size", 16384);
         props.put("linger.ms", 0);
         props.put("buffer.memory", 33554432);
         props.put("key.serializer", "org.apache.kafka.common.serialization.StringSerializer");
         props.put("value.serializer", "org.apache.kafka.common.serialization.StringSerializer");
         props.put("block.on.buffer.full",true);
         Producer<String, String> producer = new KafkaProducer<String, String>(props);
        try{ for(int i = 0; i < 10; i++)
        { producer.send(new ProducerRecord<String, String>("topicjava", Integer.toString(i), Integer.toString(i)));
             System.out.println("Tried sending:"+i);}
        }
        catch (Exception e){
            e.printStackTrace();
        }
         producer.close();
}

<强> JSBIN

[编辑]

使用窗口加载：

<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

Answer 2

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

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

步骤3）选择按钮布局

步骤4）选择主题。

步骤5）订户计数（显示或隐藏）

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

使用Javascript添加Youtube订阅按钮

2 个答案: