Sou novo na área e estou com dificuldade de conseguir passar o código abaixo para função.
Todas as formas que tentei dá problema em event.
import React from 'react'
import YouTube from 'react-youtube';
export default class youtube extends React.Component {
render() {
const opts = {
playerVars: {
// https://developers.google.com/youtube/player_parameters
autoplay: 1,
},
};
return (
<div className={styles.body}>
<div className={styles.tamanhovideoyoutube}>
<YouTube className={styles.tamanhovideodentroyoutube} videoId="soXDzGHls_c" opts={opts} title={"title"} onReady={this._onReady}/>
<h4 className='px-0.5 py-0.5 ml-1 font-bold'>Veja o vídeo no YouTube <a className='text-blue-600' href="https://www.youtube.com/watch?v=soXDzGHls_c">aqui</a> </h4>
</div>
</div>
)}
_onReady(event) {
// access to player in all event handlers via event.target
event.target.pauseVideo();
}
}