在网站上动态点击YouTube订阅按钮

我的网站上有YouTube订阅按钮。由于youtube订阅按钮样式与我的设计不符, 因此我单独创建了一个按钮。另外, 我嵌入了youtube订阅按钮, 并使其保持隐藏状态。
【在网站上动态点击YouTube订阅按钮】现在, 当我单击创建的” 订阅” 按钮时, 我想单击隐藏的按钮。

$('.cta-subscribe-btn').click(function(e) { e.preventDefault(); let iframe = $('#___ytsubscribe_0> iframe'); let button = iframe.contents().find('.yt-uix-button'); button.trigger("click"); });

到目前为止, 当我尝试此代码时, 我收到以下错误:
jquery.js?ver = 1.12.4:2未捕获的DOMException:阻止源为” http://******.com” 的框架访问跨域框架。
我也检查了跨域访问。
window.addEventListener('message', function(event) { if (~event.origin.indexOf('http://******.com')) { console.log(event.data); } else { return; } });

即使这段代码返回了event.data, 它也不允许我单击iframe内的按钮
#1你无法在其他域中的iframe上工作, 有一种更好的方法来实现你想要的功能, 请检查youtube订阅api:https://developers.google.com/youtube/v3/docs/subscriptions

    推荐阅读