在网站上动态点击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