Javascript 在mozilla中禁用单击Youtube iframe

我需要禁用Youtube

iframe

的点击，或设置差异点击。
我试图在

iframe

前面放置一个

div

，但它不起作用

这是我的代码，在Chrome中工作，但在Mozilla中不工作：

$(".youtube").each(function () {
    var div = this;
    var offset = $(this).offset();
    var x = offset.left;
    var y = offset.top;
    var height = $(this).height();
    var width = $(this).width();
    var divInFront = '<div  style="position:absolute; height:' + height + '; width:' + width + '; top:' + y + '; left:' + x + ';"  ></div>';
    $("body").append(divInFront);
});

$（“.youtube”）。每个（函数（）{
var div=这个；
var offset=$（this.offset（）；
var x=偏移量。左；
var y=offset.top；
var height=$（this.height（）；
var width=$（this.width（）；
var-front=''；
$（“正文”）。附加（正面）；
});

将

z-index

添加到您的

div

中。我尝试了z-index，但仍然无法为

iframe

添加一个包装

div

（

位置：相对；显示：内联块

），并将封面附加到该包装上。然后还设置

background:#fff；不透明度：0用于封面。在现代浏览器中，您还可以尝试
指针事件：无用于封面。类似这样的。如果是Youtube视频不起作用