Build a Video Compilation Page - Build a Video Compilation Page

HTML-CSS
1

Tell us what’s happening:

I have tried reseting and re typed the whole code but i keep getting the same errors. The Src, title, height, and width are not being read within the iframe element. On the last video i replaced it a video from Freecodecamp.

Your code so far

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

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

<body>
 <main>
    <h1>Different Types of Roofing Materials</h1>
     <p>This page will help explain the different types of roofs,a person may use on ones' home or properties</p>
        <section>
         <h2>Shingles</h2>
         <p>Shingle roofs are maybe from asphalt and come in different styles but are the same build type and can be install on my buildings</P>
         <iframe>
             src="https://youtube.com/embed/avKogHOrZ_k?si=lLgXxYcOEar2xSC5"
             title="Asphalt Shingle Comparison"
             height="315"
             width="560"
        </iframe>
        </section>

        <section>
         <h2>Metal Roofs</h2>
         <p>Like the names in tells, these roofs are made of metal and are a lot more stonger than asphalts</p>
         <iframe>
             src="https://youtube.com/embed/3MDx1VZ3ZUA?si=LFAnKJ3OF4YF960-"
             title="Metal Types"
             height="315"
             width="650"
         </iframe>
        </section>

        <section>
         <h2>Flats Roofs</h2>
         <p>Flat roofs are a special case, these roof are only installed on low pitch roofs and come in different types as well</p>
         <iframe>
             src="https://youtu.be/OXGznpKZ_sA"
             title="Diferent types of flats"
             height="315"
             width="650"
         </iframe>
        </section>
 </main>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Video Compilation Page - Build a Video Compilation Page

2

Welcome to the community!
The src, title, height and width are all attributes and attributes are added inside the opening tag of an element. So try adding them to the opening tag of the iframe element.
Good luck!

3

hi, got it working but then had to then load the three utube videos in a separate window. says could not connecto to utube. so did that and the pages loaded. so this project is working. got 100% and now submitted the next challenge.
thanks.
marvin.

1 Like