google+ hangout OnAir按钮

Question

我得到了html按钮标记，但我没有得到任何OnAir的hangout按钮html标签。

我正在使用下面的标签，但我无法获得空中按钮。

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-hangout" data-render="createhangout" type="onair"></div>

有人能给我确切的html代码吗？

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div id="placeholder-div5"></div>
<script>
gapi.hangout.render('placeholder-div5', {
  'topic': 'cats',
  'render': 'createhangout',
  'hangout_type': 'onair',
  'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
  'widget_size': 72
});
</script> 

刷新页面后，我得到了空白页。

Answer 1

• 检查您可能得到的浏览器控制台。

未定义的ReferenceError: gapi未定义

如果您在添加脚本和platform.js的同时添加脚本，那么这个错误肯定是可以解决的，下面是脚本。

<script src="https://apis.google.com/js/client:plusone.js" type="text/javascript"></script>

Answer 2

要获得Hang按钮，您需要使用以下代码

<script src="https://apis.google.com/js/platform.js" async defer></script>
<div id="placeholder-div5"></div>

请参考一下小提琴。

https://jsfiddle.net/zk755cr9/42/

Answer 3

你可以用这个：

<script src="https://apis.google.com/js/platform.js" type="text/javascript"/>
    <div id="placeholder-div5"/>
    <script>
            gapi.hangout.render('placeholder-div5', {
              'topic': 'cats',
              'render': 'createhangout',
              'hangout_type': 'onair',
              'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
              'widget_size': 72
        });
    </script>

或者这个：

<script src="https://apis.google.com/js/platform.js?onload=onLoadCallback" async defer></script>
<div id="placeholder-div5"></div>
<script>
        window.onLoadCallback = function(){
        gapi.hangout.render('placeholder-div5', {
          'topic': 'cats',
          'render': 'createhangout',
          'hangout_type': 'onair',
          'initial_apps': [{'app_id' : '184219133185', 'start_data' : 'dQw4w9WgXcQ', 'app_type' : 'ROOM_APP' }],
          'widget_size': 72
    });}
</script>