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

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 is not defined”。

Answer 1

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

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

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

​</p>