Youtube订阅按钮没有显示

时间:2016-11-05 09:11:04

标签: javascript html youtube platform

我正在尝试在localhost中添加YouTube订阅按钮,但它似乎无法正常工作,而在JSfiddle中它可以正常工作。难道我做错了什么?我使用的是https://developers.google.com/youtube/youtube_subscribe_button

中的代码

我在localhost上的代码:

<!DOCTYPE html>
<html>
<head>
    <title>Testing a YouTube button</title>
    <script src="https://apis.google.com/js/platform.js"></script>
</head>
<body>
    <div class="g-ytsubscribe" data-channelid="UCWTfbcQsyNLv1ZLsZrhVW2w" data-layout="full" data-count="default"></div>
</body>
</html>

JSFiddle example

谢谢!

1 个答案:

答案 0 :(得分:1)

我在http://localhost上测试时效果很好,但是当我使用file://网址对其进行测试时,它会失败。

控制台报告:

  

cb = gapi.loaded_0:45无法执行&#39; postMessage&#39;在&#39; DOMWindow&#39;:提供的目标来源(&#39; file://&#39;)与收件人窗口的来源(&#39; null&#39;)不匹配。

该脚本仅在加载HTTP(S)的网页时有效。不要尝试在file:网址上使用它(并始终在控制台上查看错误消息!)。