froogaloop

问题 I am using a Vimeo iframe on a website. I hide all the controls with the Vimeo Froogaloop API. But I can't hide the pause and play button that appear on hover. Somebody please help me. $(document).ready(function(){ jQuery('iframe.vimeo-player').each(function(){ Froogaloop(this).addEvent('ready', ready); }); function ready(playerID){ console.log(playerID + ' is ready'); // Add event listerns // http://developer.vimeo.com/player/js-api#events Froogaloop(playerID).addEvent('play', play(playerID)

问题 I have a Vimeo video (via universal embed iframe) hidden on my page. Clicking a link fades it in, and clicking outside of the video (lightbox-style) fades it out and hides it - but the video keeps playing. I read on Vimeo's API that you can use JSON objects to pause the video, but I don't understand what they're saying. 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"

问题 One of the functions for the vimeo API (with froogaloop) is getDuration(). I am trying to make a function that will return the duration, but somehow I am getting Object as result. The Vimeo API documentation doesn't specify how are you supposed to do this. I believe this is incorrect: function getDuration() { return player.api('getDuration'); } Here is an example: http://jsfiddle.net/SeBwt/ 回答1: getDuration() accepts a callback function that gives you the duration of the media. For example:

问题 In the last couple of days I started having problems with playing videos on our two websites (vimeo videos). I use the Froogaloop2 API / library. All of a sudden I cant seek and play videos. The videos just stall. Has something happened to the Froogaloop2 library recently and is it still supported? Thanks 回答1: Yeah, they retired Froogaloop without letting us know. You need to migrate to their new player.js https://github.com/vimeo/player.js#migrate-from-froogaloop Hope this helps! 来源： https:/

问题 I'm building a plugin to WordPress and so far so good with the PHP library. But I am having some issues with the JavaScript API. I'm trying to use it with jQuery, and I think the WordPress version of jQuery is messing with the $f shortcut. Why wouldn't this work? var vimeoPlayer = { init: function() { var vimeoPlayers = document.querySelectorAll('iframe'), player; jQuery('iframe.vimeo-player').each(function(index, iframe){ player = vimeoPlayers[index]; $f(player).vimeoPlayer.addEvent('ready',

问题 I'm using SwipeView (http://cubiq.org/swipeview) to create a swipeable slideshow on touchscreen devices. This is simple enough with images, but I want to include a Vimeo video in the slideshow as well. Unfortunately, because the iFrame captures your swipe input for itself (I believe this is what's happening at least), once you've arrived at the video player slide you can no longer swipe away from it unless you tap on the pagination. This isn't acceptable. My solution was to hide the video

问题 I have four vimeo iframes in a page. I want to play the video on mouseover and pause the video on mouseout. The following code works, but only for the last video. How can I modify it so that it will work for all the videos? #wrapper { width: 85%; margin-left: auto; margin-right: auto; padding-top: 50px; } #wrapper .card { width: 25%; float: left; box-sizing: border-box; } <div id="wrapper"> <div class="card"> <iframe class="product-card-media" id="player1" type="text/html" width="100%" src=

问题 I've created a play and pause button using Froogaloop, to control my Vimeo-video - and they work fine on desktop, but they do not work on mobile. I use Autoplay with the video, but since that is not working on mobile I need these buttons to work. This video is a background, so the built in play-button is not an option. Can anyone help me? Jsfiddle: https://jsfiddle.net/hkq3c6Lm/ 来源： https://stackoverflow.com/questions/35406279/play-button-with-froogaloop-on-mobile

问题 I'm using the froogaloop library for embedding Vimeo videos and I came across this error. I took all the code right from Vimeo's site (https://developer.vimeo.com/player/js-api). I have linked the Javascript library earlier in the code then when the code below is executed. Any ideas? Web Console Error: "ReferenceError: $ is not defined" Javascript code: $(function() { var iframe = $('#player1')[0]; var player = $f(iframe); var status = $('.status'); // When the player is ready, add listeners

问题 I have hit a wall and cannot figure out how to make this work. With Vimeo's Advanced API I am pulling in all videos from an account with thumbnails. When clicking on a thumbnail the video is shown above and clicking on a different thumbnail hides the currently shown video. The problem is that the video continues to play even when it is hidden. I have spent a few hours looking at the API and I cannot get it to pause when hidden. var iframe = $('.video')[0]; $('.thumbnail a').click(function(e)