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 bug, playing: true prop does not trigger video to play inside iframe

See original GitHub issue

I am working on an app with ReactPlayer rendering inside of an iFrame. All video sources work as expected except for Vimeo. Passing playing: true to the video player does not start the video player. I forked the repo and modified the demo to illustrate the issue using two video players.

https://github.com/jmancherje/react-player/tree/iframe-bug

Steps to reproduce:

clone this fork
npm i to get react-frame-component
Select a Vimeo video
click the Play button to send the prop to both video players
only the second video player (non-iFrame) will play correctly
(try with any other video source and it will work as expected for both video players)

Does anyone have any insight as to what is causing this discrepancy with Vimeo vs the other video sources? I’m happy to submit a PR once the issue is isolated.

Issue Analytics

State:
Created 7 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

cookpetecommented, Apr 27, 2017

Thanks for the updated demo. Looks like this is an issue with the Vimeo API and how it sends, receives and filters messages: https://github.com/vimeo/player.js/issues/16

Based on the discussion there, I’m not sure there is anything that we can do apart from wait for a fix on their end.

0reactions

jmancherjecommented, Apr 27, 2017

@CookPete Thanks for the update. I just updated the example using react-player 0.16.0 and it seems like vimeo videos are still not rendering correctly within an iframe. I made a new branch for this demo and updated the link the original issue: https://github.com/jmancherje/react-player/tree/iframe-bug

This is the error thrown when attempting to play a vimeo video:

Can you please reopen this issue?

Top Results From Across the Web

Vimeo bug, playing: true prop does not trigger video ... - GitHub

I am working on an app with ReactPlayer rendering inside of an iFrame. All video sources work as expected except for Vimeo. Passing...

vimeo player - error - html autoplay embedded video not working

I have tried replacing &autoplay=1 with true instead of 1 and numerous other ways, when the page loads it just says Oops the...

Player SDK: Reference - Vimeo Developer

Reference. This reference guide provides comprehensive details about the methods and events for controlling an embedded Vimeo player through the player SDK.

YouTube Player API Reference for iframe Embeds

The IFrame player API lets you embed a YouTube video player on your website and control the player using JavaScript. Using the API's...

@vimeo/player - npm

Pass any element and an options object to the Vimeo.Player constructor to make an embed inside that element. The options object should consist ......