我的页面上隐藏了一个 Vimeo 视频(通过通用嵌入 iframe)。单击链接将其淡入,单击视频外部(灯箱样式)将其淡出并隐藏 - 但视频继续播放。我在Vimeo 的 API上读到您可以使用 JSON 对象来暂停视频,但我不明白他们在说什么。
HTML:
<img id="show_tide" class="vid" src"#">
<i<iframe id="tide" class="vim" src="http://player.vimeo.com/video/1747304?portrait=0&color=ffffffapi=1" width="726" height="409" frameborder="0"></iframe>
JavaScript:
$('#underlay').click(function() {
//pause VISIBLE (there are multiple) Vimeo video via API
$('.vim, #underlay').fadeOut(400);
});