Vimeo stop video jquery
|
Vimeo.API.js is a lightweight jQuery wrapper around the Vimoe video API which allows you to control Vimeo videos embedded in your webpage with custom jQuery methods and events. Show Basic usage:1. Make sure both the jQuery vimeo.api.js and jQuery library are included. 2. Embed an iframe Vimoe player into your web page. jQuery Magic:- add bellow jQuery code into your footer.php file in a url: https://player.vimeo.com/video/205350867 jQuery Magic:- add bellow jQuery code into your footer.php file in a <style id="compiled-css" type="text/css"> a {<!--from w w w . d e mo 2s . co m--> background: #000; color: #fff;} <body> <script src="http://a.vimeocdn.com/js/froogaloop2.min.js"> <iframe id="vimeo-player" src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen> <a id="stop" href="#">STOP <a id="play" href="#">PLAY <script type='text/javascript'> var iframe = $('#vimeo-player')[0]; var player = $f(iframe); $('#stop').click(function() { console.log('stoped'); player.api('pause'); }); $('#play').click(function(){ console.log('play'); player.api('play'); }) |