froogaloop

Hide pause/play button on vimeo iframe on hover

*爱你&永不变心* 提交于 2020-01-14 03:06:33
问题 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)

Pause Vimeo universal embed when hidden using jQuery

浪子不回头ぞ 提交于 2020-01-13 08:30:32
问题 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"

Return duration from a function

风流意气都作罢 提交于 2019-12-24 08:59:26
问题 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:

Is the Froogaloop2 library / API still supported?

有些话、适合烂在心里 提交于 2019-12-22 05:59:31
问题 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:/

jQuery and Vimeo Froogaloop API

陌路散爱 提交于 2019-12-20 10:48:17
问题 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',

On iPhone, Vimeo Javascript API .play() function doesn't work until the video has been played

妖精的绣舞 提交于 2019-12-19 03:10:31
问题 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

Play vimeo videos on mouse hover

戏子无情 提交于 2019-12-13 07:46:32
问题 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=

Play-button with Froogaloop on mobile

烂漫一生 提交于 2019-12-12 02:59:53
问题 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

froogaloop: $ is not defined

谁说胖子不能爱 提交于 2019-12-11 21:09:34
问题 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

Pause all Vimeo videos with API?

你离开我真会死。 提交于 2019-12-07 21:40:14
问题 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)