question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vimeo video in modal not obeying events

See original GitHub issue

Expected Behavior

Events applied to video iframe’s in modals handle applied events.

Actual Behavior

Events attached do not fire; if they do, it appears to be random as sometimes I get events to fire.

Steps to Reproduce

Demo: https://jsbin.com/kudilet/14/edit?html,js,console,output (snapshot), https://jsbin.com/kudilet/edit?html,js,console,output (latest)

I was not sure how to version the player.js via the cdn … So it’s latest.

I’m using https://github.com/kylefox/jquery-modal

Am I doing something wrong with the code? If it’s my syntax and/or logic error, I apologize in advance for wasting anyone’s time.

With that said, any suggestion of a modal that works with vimeo videos and events like play, pause, ended?

Related to #130.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
luwescommented, Feb 19, 2019

hey @mhulse, sorry we didn’t get back to you yet!

we’ve had some similar issues with modals, https://github.com/vimeo/player.js/issues/130

Glad you got it solved!

0reactions
mhulsecommented, Feb 19, 2019

I think this does the trick:

Seems solid enough for me to close this issue and stop bugging the rest of you. 👍

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to stop Vimeo video when Bootstrap modal is dismissed?
I have a series of vimeo player in modal and finally figured out a dynamic way to stop the video after closing the...
Read more >
"Camera and microphone are blocked" message on live ...
"Camera and microphone are blocked" message on live broadcaster page. If you are trying to stream to a recurring event or webinar from...
Read more >
Autoplay with Vimeo video on Chrome not working - General
This is using click events to play the video when a Modal opens and pauses it when it is closed. However I could...
Read more >
Modal - UIkit
Modal. Create modal dialogs with different styles and transitions. Usage. The Modal component consists of an overlay, a dialog and an optional close...
Read more >
Lightbox for Bootstrap - GitHub Pages
Utilizes Bootstraps modal plugin to implement a lightbox gallery - GitHub ... embed Vimeo videos using the standard url (ie http://vimeo.com/80629469); you ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found