HTML5窗口.postMessage在Youtube品牌频道

HTML5 window.postMessage in Youtube Brand Channel

本文关键字：品牌 频道 Youtube 窗口 postMessage HTML5      更新时间：2023-09-26

我已经在Youtube品牌频道中创建了一个自定义小工具，并根据Youtube的要求托管在ssl编译的服务器上。

但是，如果我通过http访问通道，则postMessage()拒绝工作，因为它是在https服务器中调用的。

我的代码是这样的: 
var new_height = JSON.stringify({"height": height + "px"});
top.postMessage(new_height, location.protocol +"//www.youtube.com/");

错误如下

Unable to post message to https://www.youtube.com. Recipient has origin http://www.youtube.com.

我能做些什么来解决这个问题?由于

确保您的自定义小工具可以通过http和https这两种协议访问。

当用户打开你的频道url https://youtube.com/[用户名]，youtube将呈现你的小工具在iframe与https，当用户打开http://youtube.com/[用户名]，youtube将呈现你的小工具的http版本。

确保你没有从http重定向到https。

我们在几天前做了一个像这样的小工具，动态调整大小，记住我之前写的东西，所有的东西都在两个协议上工作

相关文章：