我的页面上隐藏了一个Vimeo视频(通过通用嵌入式iframe).单击链接将其淡入,然后单击视频外部(灯箱样式)将其淡出并隐藏它 – 但视频会继续播放.我在
Vimeo’s 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);
});
解决方法
您需要从
froogaloop libraries中添加一个.
JS
player=$f(document.getElementById('tide'));// you can use jquery too: $('#tide')[0]
player.api('pause');
非常简单.这是example on jsfiddle.net.
