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.
wow great and fast way ,
can you explain to me how to fetch the embedId from and playlist videos
Funciona bien. Pero me sale este error 404 en la consola de chrome:
I am trying the same since hours but I am not getting the results.
As well as there is no error in console_
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?
Nice!
This was awesome! Worked really well for me as well!
Thanks, works like a charm!
Awesome, exactly what I needed, thank you!
As simple as it could be, thanks!
Excellent
How did you get the EMBED id?
you can find it last on the url
Really really need it, thank you very much !
can you write it in functional components?
This was super helpful, and straight to the point. Thank you so much!
can we hide the info of the video and the links that redirect to youtube
Thank you.