Product Landing Page video embed help

Product Landing Page video embed help
0

#1

Hey everyone, can’t seem to get the video embed to work for the Product Landing Page project. I used the iframe element which seems straight forward but I just end up with a blank square. Here’s the code so far if anyone wants to take a look https://codepen.io/MarcelPenn/pen/jvwvjJ the video has a comment above it and is near the bottom. *Edit For the record the video is “Never Gonna Give You Up”, not trying to rick roll anybody lol.


#2

https://support.google.com/youtube/answer/171780?hl=en

Embed a video

On a computer, go to the YouTube video you want to embed.
Under the video, click Share Share.
Click Embed.
From the box that appears, copy the HTML code.
Paste the code into your blog or website HTML.


#3

You should always opt for method mentioned by @shimphillip,
However, One more thing you can do is,
replace the youtu.be in your link with youtube.com and put /embed after that.

https://youtu.be/dQw4w9WgXcQ
to
https://youtube.com/embed/dQw4w9WgXcQ


#4

What is the reason behind that?


#5

Thanks, I read that as well but didn’t see the embed button the the first time I looked, thought the url I had was the same. Embed was the first option lol. Cheers!


#6

ok cool, thanks for the tip!


#7

Cause youtube’s shorthand youtu.be doesn’t work for embed.
It works if you wish to share the link or you type the link in the address bar.


#8

alright I see, thanks!