Hangout-Button kann nicht mithilfe von APIs auf meiner Seite hinzugefügt werden - javascript, html5, google-api, Hangout

Ich versuche lediglich, eine grundlegende Hangout-Button-Komponente hinzuzufügen, mit der der Hangout von Google initiiert wird. Ich folge den unter genannten Schritten Google Developer Aber nach all den Bemühungen habe ich Mühe, mit dem folgenden Problem umzugehen:

Failed to execute "postMessage" on "DOMWindow": The target origin provided ("file://") does not match the recipient window"s origin ("null").(anonymous function) @ core:rpc:shindig.random:shindig.sha1.js?c=2:838
3cb=gapi.loaded_0:112 Failed to execute "postMessage" on "DOMWindow": The target origin provided ("file://") does not match the recipient window"s origin ("null").(anonymous function) @ cb=gapi.loaded_0:112

Hier ist das Snippet, mit dem ich die Hangout-Schaltfläche auf der Seite entwickle:

<script src="https://apis.google.com/js/platform.js"></script>
<div id="placeholder-div"></div>
<script>
window.____gcfg = {
lang: "en-US",
parsetags: "onload"
};
gapi.hangout.render("placeholder-div", {
"render": "createhangout",
"initial_apps": [{"app_id" : "902502537504"}],
"widget_size": 175
});
</script>

Ich habe meinen Google + Hangout-Service auch über aktiviert https://console.developers.google.com/project/grabhouseportal/apiui/apiview/plusHangouts/overview

Jede Hilfe wird geschätzt.

Antworten:

Hinweis file://. Öffnen Sie die HTML-Datei nicht direkt mit dem Browser. Sie müssen einen lokalen Webserver ausführen und zu localhost navigieren, um die HTML-Seite zu rendern.