Stop all vimeo videos

h_classen · September 9, 2022, 7:33am

to confirm:
you download the zip
open the hypefile
press preview in say chrome
press play button on the video
press number one to switch the scene
and then the video does not stop?

can you have a look in the browserconsole to see if the listener logged paused or if any erro is listed?

mikefrost · September 9, 2022, 7:46am

I had a javascript guy troubleshoot as I needed to get on top of it.
Its working so Ill document it next week as soon as Ive got over this immediate problem of my courses not working

mikefrost · September 11, 2022, 7:35am

This is what Im using and it works
I used Jonathans script (above)
I embed the Vimeo like this
iframe src="https://player.vimeo.com/video/123456789?api=1" width="990" height="460"></iframe

and put this in the html head
script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/froogaloop.js"></script

(don't forget the open and close< and > which I can't seem to put here

h_classen · September 11, 2022, 8:57am

but please take in consideration that the froogaloop-library is depreciated since some years now and functionality may break anytime. some info and links: 'froogaloop' tag wiki - Stack Overflow , https://github.com/vimeo/player.js/blob/master/docs/migrate-from-froogaloop.md

mikefrost · September 11, 2022, 9:31am

Thanks Hans
So what is the best solution?

h_classen · September 11, 2022, 5:28pm

i would not like to rely on software that is depreciated for about 4 or five years. vimeo itsself does not promote froogallop in anyway. the links above explain the new libraries API... but i'm no expert regarding the vimeostuff ...

mikefrost · September 12, 2022, 11:27pm

Can anyone post a best practice sample on how to pause a vimeo stream?

I just got this from Vimeo today...
the Froogaloop library for the Vimeo Player has been deprecated and is no longer being supported. We recommend developers switch to the new Player.JS library instead. More information about the library can be found here:

https://player.vimeo.com/api/demo

github.com

vimeo/player.js/blob/master/docs/migrate-from-froogaloop.md

# Migrating from Froogaloop

Follow these steps to update your code from Froogaloop.

## Step 1: Modify the embed code

The first step in the migration is to remove the `api` and `player_id` query
parameters from the embed code. Query parameters are no longer required to
enable the Player JS API. You can leave the `player_id` if you wish, but we
encourage you to use the player object itself to keep track of multiple players.

## Step 2: Update the constructors

The parameters passed to the constructor haven’t changed, so the only thing
you’ll need to do is update the name:

```js
var froogaloop = $f(iframe);
```

This file has been truncated. show original

h_classen · September 13, 2022, 7:17am

var player = new Vimeo.Player(iframe);

this is a line initializing your player with the vimeo-iFrame as argument

player.pause()

will pause the player

the steps to migrate are well discribed ... try give it a go

mikefrost · September 19, 2022, 2:36am

I tried

jonathan · September 19, 2022, 5:01pm

I've attached a basic example. The ways it is constructed are:

This player API script has been imported in the Head HTML
Rectangle elements are made and vimeo's iframe code is placed inside of there
There's a button that runs a function which looks at all iframes on the page, finds which ones are vimeo videos (by seeing if the src references vimeo), and then uses the API for each to call pause.

VimeoPause.hype.zip (17.5 KB)

It seems vimeo by default only lets one video play at a time, so I couldn't really test pausing all, but this does seem to pause the playing video.

mikefrost · September 20, 2022, 12:12am

Thanks Jonathan
this has been a source of stress for me as all 100+ videos of mine stopped working as they should.