Overview
Quick and simple
No npm i
Fully responsive
Feel free to Copy & Paste
1. Make a component for iframe:
Youtube...
For further actions, you may consider blocking this person and/or reporting abuse
one change I needed:
export const YoutubeEmbed = (embedId) =>embedId && ( <iframe ... />);
jk that didn't fix my problem. for some reason it only works when I hard code the embedId
It's trying to fetch
embed/[Object object]For completenes sake, turns out it's a problem with my code that generates the
embedId. I wish you could edit comments so I didn't have to triple post, but alas.@prmichaelsen That's because you have a typo, instead of:
export const YoutubeEmbed = (embedId) =>try:
export const YoutubeEmbed = ({embedId}) =>The
[Object object]in your string is the first argument. You call itembedIdhere, but the first argument to a React FunctionComponent is the props object. For this case, it will look something like this:or similar.
Funciona bien. Pero me sale este error 404 en la consola de chrome:
wow great and fast way ,
can you explain to me how to fetch the embedId from and playlist videos
This was awesome! Worked really well for me as well!
Nice!
the example video shows a thumbnail as expected but when i try with 2 videos they don't show any thumbnail but just a black screen! do you have any idea?
I am trying the same since hours but I am not getting the results.
As well as there is no error in console_
Awesome, exactly what I needed, thank you!
Really really need it, thank you very much !
Thanks, works like a charm!
How did you get the EMBED id?
you can find it last on the url
Excellent
As simple as it could be, thanks!
This was super helpful, and straight to the point. Thank you so much!
Thank you.
can you write it in functional components?
can we hide the info of the video and the links that redirect to youtube