jquery - 在网站中动态点击 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;
  }
});

即使此代码返回 event.data，它也不允许我单击 iframe 内的按钮

Answer 1

您无法在其他域中的 iframe 上工作，有更好的方法来实现您想要的，请检查 youtube 订阅 api:https://developers.google.com/youtube/v3/docs/subscriptions