播放视频时如何隐藏标题？

Question

我已将自己的自定义标题放在Vimeo视频嵌入的顶部（您可以在此处查看开发网站http://ourcityourstory.com/dev/）。当我点击Vimeo视频时，我希望标题绝对位于其上以隐藏。

我如何做到这一点？我写的JS都没有工作。

这是我的非工作代码：

$(document).click({namespace: this}, function (e) {
    var t = e.data.namespace;

    if ($(e.target).parents("#video-slider-wrapper iframe").length > 0 || $(e.target).is($("#video-slider-wrapper iframe"))) {
        $("#episode h1").hide();
    }
});

更新：下面列出的pimvdb示例正是我需要我的页面做的事情 - 但是，我一直在我的页面上收到错误“$ f未定义”。

Answer 1

您的click处理程序不起作用，因为iframe是跨域的。但是，您可以在play事件触发时使用dedicated Vimeo API添加侦听器：

var player = $f( $('#player1').get(0) );

player.addEvent('play', function() {
  $("h1").hide();
});