Question

我尝试在youtube iframe视频上创建透明块以获取一些统计信息。例如，用户点击播放器上某处播放或暂停视频，div接收鼠标click事件，在某处保存信息并将事件传递给youtube iframe以播放此视频。我怎样才能做到这一点？ trigger函数由于某种原因不起作用。以下是我的代码的样子：

<html>
<head>
<style type="text/css">
#hideme{
    background: #000;
    z-index: 100;
    position: absolute;
    opacity: 0.0;
}
iframe{
    position: absolute;
    top: 100px;
    left: 350px;
}
</style>
</head>
<body>
<iframe width="853" height="480" src="//www.youtube.com/embed/9bZkp7q19f0" frameborder="0" allowfullscreen></iframe>
<div id="hideme"></div>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
    $('iframe').load(function(){
        var iframe = $(this);

        var hideme = $('#hideme');
        hideme.width(iframe.width());
        hideme.height(iframe.height());
        hideme.css('left', iframe.position().left);
        hideme.css('top', iframe.position().top);

        hideme.on("click", function(event){
            iframe.trigger(event);
        });
    });
</script>
</body>
</html>

这是小提琴：http://jsfiddle.net/kv8dQ/。顺便说一句，无法弄清楚为什么但小提琴div不在iframe之上。在我的localhost工作正常。

将事件传递给youtube iframe

0 个答案: