playing prop not pausing youtube

Be sure to search for your issue before opening a new one.

Current Behavior

When playing prop value changes to false, the video still plays, however if I pause the video manually then the prop changes to true it does start playing So, only the false state is not working as expected

Expected Behavior

When my wrapper component sets the playing state to false the video should stop playing

Steps to Reproduce

Environment

• URL attempting to play: https://www.youtube.com/watch?v=YxPRZ9S-qbI
• Browser: chrome 78
• Operating system: mac os
• React 16.8.4

import React, { useEffect } from 'react';
import PropTypes from 'prop-types';
import { __ } from '@wordpress/i18n';
import YouTubePlayer from 'react-player/lib/players/YouTube'
import { Waypoint } from 'react-waypoint';

const Youtube = ( { youtubeId } ) => {
	const [ paused, setPaused ] = React.useState( true );

	return (
		<Waypoint
			onLeave={ () => setPaused( true ) }
			onEnter={ () => setPaused( false ) }
		>
			<div>
				{console.log(paused)}
				<YouTubePlayer
					url='https://www.youtube.com/watch?v=YxPRZ9S-qbI'
					controls
					playing={ ! paused }
					// onPause={ () => setPaused( true ) }
					// onPlay={ () => setPaused( false ) }
					// onStart= { () => setPaused( false ) }
					// onReady={ () => setPaused( true ) }
					// onEnded={ () => setPaused( true ) }
				/>
			</div>
		</Waypoint>
	);
};

Youtube.propTypes = {
	youtubeId: PropTypes.string.isRequired,
};

Other Information

I see the playing prop change correctly when scrolling in the React devtools.

[pdewouters]

This works, from a stackoverflow answer

	const pauseVideo = () => {
		const videoFrame = ref.current;
		videoFrame && videoFrame.contentWindow.postMessage && videoFrame.contentWindow.postMessage( '{"event":"command","func":"pauseVideo","args":""}', '*' );
	};```

[AlfredoSequeida]

I experienced the same behavior, a way to circumvent this is by getting the internal player instance and then pausing it that way:

this.player.getInternalPlayer().pauseVideo();