クロスドメインでiframe上のonclickを反応させる方法 CSSでもJSでも

Question

前提・実現したいこと

iframe上でonclickイベントを感知したいと考えてます
onmouseoverやhoverなら反応するようですが、
onclickで反応させる方法はありませんでしょうか
クロスドメインでやりたいのでURLはいじれません

これはダメ

<iframe onclick="alert('')" width="560" height="315" src="https://www.youtube.com/embed/jG0_dNmSwM0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

CSSでクリックを感知を試みたがダメでした

<style>
body,html{
width:100%;
height:100%;
}
input + #img{
  display: none;
}
input:checked + #img {
  display:block;
}
#check{
  display:none;
}
</style>
<label for="check"><iframe  width="560" height="315" src="https://www.youtube.com/embed/jG0_dNmSwM0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></label>
<input type="checkbox" id="check">
<div id="img">
クリックされたら表示
</div>

Answer 1

クリックジャッキングといって、「透明にした<iframe>を、ユーザーにそれと悟らせずに押させる」という攻撃手法がありますが、それの反対に「<iframe>より上に透明な要素を敷いておいて、そちらでクリックを検知する」という方法は考えられます。

ただし、<iframe>の中身をクリックで操作することはできなくなります。