Hi Marissa. I’d have to take a look at it to see what’s wrong. If you press f12 in your browser you can see if any errors are being triggered. The only thing I could think of off hand is that if you have more than one iframe on the slide, you need to make sure you’re scripting to the right one.

If the end of video ‘alert’ is being triggered, you know that Vimeo’s player.js API has loaded properly. Let me know if you see any errors. Thanks

Thanks for the response. I only have 1 iframe on the page. I’m on a mac. Is Cmd+opt+I the equivalent to f12? When I go to the console it shows this:

SyntaxError: Invalid or unexpected token
at eval ()
at Function.a.runJavascript (CPM.js:1751)
at eval (eval at executeAction (CPM.js:2026), :1:4)
at cp.Movie.executeAction (CPM.js:2026)
at Function.b.clickSuccessHandler (CPM.js:1956)
at Function.b.clickHandler (CPM.js:1955)
at b.ch (CPM.js:1955)
at Function.a.handleClickExternal (CPM.js:1420)
at HTMLDivElement.a.handleClick (CPM.js:1421)

Also wanted to add that I got the play button working. It’s only the rewind which I’m now getting a error for. Thanks in advance.

You have a typo somewhere in your script. Send me your js and I’ll see if I can find it.

Here’s what I have:

window.frames[0].frameElement.contentWindow.player.getCurrentTime().then(function(sec) {
var rwd = sec -15

window.frames[0].frameElement.contentWindow.player.setCurrentTime(rwd).then(function(seconds) {
}).catch(function(error) {
switch (error.name) {
case ‘RangeError’:
break;

default:
break;
}
});

}).catch(function(error) {

});

Yikes. Thanks for pointing this out to me. I didn’t realize the keyboard would still be enabled if you turn the playbar off. On YouTube you can simply add disablekb in the embed code. Vimeo doesn’t have that option and there doesn’t seem to be any documentation on how to disable the keyboard listeners.

I’m going to have to work on this one for a bit. Doesn’t seem to be any simple solution.

I have asked Vimeo support how to disable the keyboard shortcuts. I will let you know their response.

Vimeo Support: “We don’t have any functionality to stop viewers from fast forwarding, rewinding or skipping during playback. I will share it with our product team as a feature request.”

Thanks for sending that my way. I’ll see if I can come up with any workarounds that will disable key strokes and send it your way as well.

I know this is from a long time ago but I needed to re-visit Vimeo and remembered this thread.

I found a workaround to disable the keystrokes, as well as getting rid of the annoying play button in the center. It’s a bit hacky but it works.

1. Place a transparent box over the iframe. This will disallow focus on the player and will disable the keystrokes from working.
2. In the vimeo embed, put ?background=1 in the code. This will disable the buttons. You will also need to include muted=0, and autoplay = 0 (if you are controlling with another button.

Thanks a lot Jeremy. Somehow I missed your comment in May… Just tried it and it worked well. Really smart the transparant box over the iframe!

Something seems to block it, but what?

var iframe = document.querySelector(‘iframe’);

var player = new Vimeo.Player(iframe);

player.on(‘ended’, function() {

//ENTER END TRIGGER FUNCTION HERE
window.parent.cp.show(‘nextBtn’);
console.log (‘video acabou!’);
});

The ‘ended’ trigger must be firing if your console log message is being shown. Maybe try using jQuery to show the button instead of the captivate function. Try it with and without the added ‘c’.

$(“#nextBtnc” ).show();
$(“#nextBtn” ).show();

If that doesn’t work, try all the methods with a different smartShape. Maybe there’s something unique with the button you created.

Nothing…

You can check it here…

http://uniaguadoce.com.br/up_captivate/201712011412205a216344e8255/

Sorry. I can’t check the link – it’s giving me a 404.

window.parent.$(‘#nextBtnc’).hide();

You would need to add the parent to the Jquery.

Sorry, try it again!

http://uniaguadoce.com.br/up_captivate/201712012024535a21ba95a174a/test-vimeo3/

It works with ‘postMessage’, but i cannot used it because my domain changes.

It seems to be working with me in the console window when I try it with the cp.show method – Both in the top and iframe level

window.parent.cp.show(‘nextBtn’)

Really? Why not for me?

If you want to show a button you need to put ‘parent’ in front. Try this:

player.on(‘ended’, function() {
alert(“Video has ended”);
parent.cp.show(‘nextBtn’)
});

You also can troubleshoot by pressing F12 and entering your browser’s console. That will show you any errors that might be popping up.

Thanks, Jeremy Shimmerman

But it still not working… At the console, there are no error and the alert is correctly shown, but the button still hidden.

Have you named the button correctly? Under the shape title it should read nextBtn exactly. It’s case sensitive.

When you test it in your console you can also try entering in the code manually to see where the problem is. Try writing in cp.show(‘nextBtn’). That should work on the top level. Then switch to the Vimeo iFrame level and try parent.cp.show(‘nextBtn’).

Yes,Jeremy Shimmerman . Name is correct, cp.show works on top level, but not on vimeo iframe level.

In Iframe level, script stop working after parent.cpshow and nothing more is executed. But, in console, none message is displayed.