Question

我有一个html iframe，其中只包含一个嵌入的youtube视频。我尝试在用户点击视频/ iframe时执行操作但不起作用。这是代码：

HTML：

<iframe id="myVideo" autoplay="true" src="https://www.youtube.com/embed/pyvGEnmv1E0"></iframe>

jQuery的：

$(function(){
  //line in question:
  $('#myVideo').contents().find("body").click(function(){
    //perform action here
  });
});

在问题所在的＆＃34;＆＃34;上面，我也尝试过更简单的 -

$('#myVideo').click(function(){});

但也失败了。非常感谢任何帮助。

安德鲁

Answer 1

如果您不需要点击事件来访问iFrame，您可以使用叠加层，并捕获点击事件。

像这样：

HTML：

<div id="myVideoWrapper">
    <iframe id="myVideo" autoplay="true" src="https://www.youtube.com/embed/pyvGEnmv1E0"></iframe>
    <div id="myVideoOverlay"></div>
</div>

CSS：

#myVideoWrapper {
    position:relative;
}

#myVideoOverlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

JS：

$(function(){
    $('#myVideoOverlay').click(function(){
        alert('clicked');
    });
});

jQuery点击iframe视频（youtube）

1 个答案: