使用jQuery隐藏时暂停Vimeo通用嵌入

前端之家收集整理的这篇文章主要介绍了使用jQuery隐藏时暂停Vimeo通用嵌入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的页面上隐藏了一个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&amp;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);
});

解决方法@H_403_12@
您需要从 froogaloop libraries添加一个.

JS

player=$f(document.getElementById('tide'));// you can use jquery too: $('#tide')[0] 
player.api('pause');

非常简单.这是example on jsfiddle.net.

原文链接:https://www.f2er.com/jquery/178888.html

猜你在找的jQuery相关文章