Demo Fiddle

Question

我在iframe上面有透明块，当我点击该块时我想要隐藏它并且该点击应该传输到iframe。在js小提琴它是youtube嵌入视频，所以我需要它开始播放。这与youtube API无关，只是举例来说。

HTML：

<div id="wrapper">
    <iframe width="853" height="480" src="//www.youtube.com/embed/ASO_zypdnsQ" frameborder="0" allowfullscreen></iframe>
    <div id="hideme"></div>
</div>

CSS：

#wrapper{
    position: relative;
}
#hideme{
    width: 853px;
    height: 480px;
    position: absolute;
    opacity: 0.0;
    z-index: 100;
}
iframe{
    position: absolute;
}

JS：

$(document).ready(function(){
    var button = $('#ok');
    $('#hideme').on('click', function(event){
        $(this).hide(); 
        $('iframe').trigger('click', event);
    });
    button.click(function(){
        alert('You pushed the button!');
    });
});

这是jsfiddle：http://jsfiddle.net/ZL8ut/

Answer 1

有一种技巧方法：在你可以使用的点击功能上：

$('iframe').attr('src', $('iframe').attr('src') + '?autoplay=1');

Here是一个基于你自己的工作JSFiddle。

我希望这就是你想要的。

Answer 2

只是.trigger('click');有效

$('#hideme').on('click', function(event){
    $(this).hide(); 
    $('iframe').trigger('click');
});
button.click(function(){
    alert('You pushed the button!');
});
//test by this
$("iframe").on("click", function(){
alert("clicked");
})

自动点击iframe

2 个答案:

Demo Fiddle