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

Question

我的网站上有 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 Uncaught DOMException: Blocked a frame with origin "http://******.com" from accessing a cross-origin frame.

我也检查了跨域访问。

window.addEventListener('message', function(event) {
  if (~event.origin.indexOf('http://******.com')) {
    console.log(event.data);
  } else {
    return;
  }
});

即使此代码 returns event.data 也不允许我单击 iframe 中的按钮

Answer 1

您不能在其他域的 iframe 上工作，有更好的方法可以实现您想要的效果，请查看 youtube 订阅 api：https://developers.google.com/youtube/v3/docs/subscriptions