froogaloop

Home > froogaloop

Froogaloop is a project mainly written in ..., it's free.

THIS VERSION IS NO LONGER SUPPORTED. PLEASE SEE THE UPDATED REPO JavaScript micro-framework to assist with script access to the iframe based Universal Embed code.

Download

THIS VERSION IS NO LONGER SUPPORTED! PLEASE SEE THE UPDATED VERSION HERE: https://github.com/vimeo/player-api/tree/master/javascript

Froogaloop is a small Javascript utility framework to help with the complexities involved in dealing with using the Javascript API through window.postMessage for controlling Vimeo's Moogaloop video player. This framework provides a simple API to call functions and add event listeners to Moogaloop when it is embedded using an .</p> <p>USAGE: The Froogaloop framework automatically searches the document for all iframes that are embeds of Vimeo videos. It then adds two new functions to the iframe HTMLElement: api and addEvent. To call a function that acts upon the player (such as play, pause, or seek), use the api method. To add an event listener that listens for player events, use the addEvent method.</p> <p>NOTES:</p> <ol> <li>To gain JavaScript api access to the Vimeo player, you must pass in a value of 1 for the js_api url parameter to the iframe.</li> <li>If you have more than one iframe per page, each iframe must have a unique id attribute set and that id must be passed to the iframe via the js_swf_id query parameter.</li> </ol> <p>EXAMPLE: var iframe = document.getElementById("myIframe"); iframe.api("api_play"); iframe.api("api_seekTo", 30); iframe.api("api_setVolume", 80);</p> <p>iframe.get("api_getDuration", function(duration){ // Handles duration checking });</p> <p>iframe.addEvent("onPlay", function(player_id){ // Handle onPlay event });</p> <p>iframe.addEvent("onSeek", function(time, player_id){ // Handle onSeek event });</p> <p>If any iframe embed codes are added to the page via a script or AJAX call, then you will have to manually call Froogaloop.init so that they get the proper methods. Froogaloop.init takes an optional parameter that is a NodeList of iframe elements that should get the new methods. If none are specified, it will look for all iframes on the page.</p> </div> </div> </div> <div class="col-sm-10 col-sm-offset-1" style="margin-top: 1px;"> <div class="listBlocks content_box"> <div class="pre_next_box"> <div class="pre_next"><div class="pre"><span>Previous：</span><a href="//osphub.com/luohaiming-demo-app/" title="demo_app">demo_app</a></div><div class="next"><span>Next：</span><a href="//osphub.com/pdfextractor/" title="PDFExtractor">PDFExtractor</a></div></div> </div> </div> </div> </div>  </div> </section> <div class="footer-wrapper"> <div class="footer"> <p class="text-center"> ©2024 OSPHUB.COM </p> </div> </div></body> </html>