Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

I have looked through this multiple times and I don’t understand where I messed up, the first section works fine. The others have the same format but they aren’t registering properly. I figure its something simple but I just cant see it.

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Video Compilation Page</title>
</head>

<body>
<main>
    <h1>A beginners journey into coding</h1>
    <p>This is how I began my journey, I did not feel I would be able to do it. But I am making progress thanks to some great advice and a wonderful community</p>
    <section>
        <h2>Learning HTML</h2>
        <p>Beginning to learn HTML</p>
        <iframe src="https://www.youtube.com/embed/"title="HTML Tutorial for begginers"height="150"width="275">
    </section>
    <section>
        <h2>Beginners guide to CSS</h2>
        <p>A simple introduction to CSS</p>
        <iframe src="https://www.youtube.com/embed/2"height="150"width="275">
    </section>
    <section>
        <h2>Javascript lessons</h2>
        <p>A quick rundown of JavaScript</p>
        <iframe src="https://www.youtube.com/embed/3"height="150"width="275">
    </section>
</main>                
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page
https://www.freecodecamp.org/learn/full-stack-developer/lab-video-compilation-page/build-a-video-compilation-page

2

Welcome to the forum @twistedenvoy

Try commenting out the content between the section tags.

This may help you narrow down the issue.

Happy coding

3

Thank you. I actually feel stupid I figure it out after I posted this, missing title and iframe closing on them silly mistake.

1 Like
4

Hi all! I’ve just completed this lab… and it passed, but when I try to open the html in a browser the youtube videos won’t display, even when I embed the complete iframe code from youtube as such:

I realise this is beyond the scope of the challenge but I just really want to understand why I can’t get this video or any others from youtube to open in a browser (tried chrome and edge, and also tried in private window).
Please help!
NB: interestingly, the iframe code displays correctly as the youtube video on here, but not as a html file in a browser… I saved my html as a html file and then tried to open in a browser. I am a newbie at this so would love some advice :slight_smile:

5

please create your own topic to ask your question, and share your code