我已将自己的自定义标题放在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未定义”。
答案 0 :(得分:1)
您的click
处理程序不起作用,因为iframe是跨域的。但是,您可以在play
事件触发时使用dedicated Vimeo API添加侦听器:
var player = $f( $('#player1').get(0) );
player.addEvent('play', function() {
$("h1").hide();
});