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 是跨域的。但是，您可以使用 dedicated Vimeo API在触发 play 事件时添加监听器:

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

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