Build a Video Compilation Page - Build a Video Compilation Page

Tell us what’s happening:

I’m didn’t get confirmation that the forum was posted, so retrying. It’s like it doesn’t recognize one of my sections, I thought it was a bad link so I went as far as to copy past the first one that works, and it’s only showing 2 of 3 in my preview. I’m getting these errors: 3 sections below p, each section start with h2, each section contain p and iframe as 2nd and 3rd child, Third iframe should have src attribute, third element should have title, third element should have height/width

Your code so far

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

<head>
    <meta charset="utf-8">
    <title>Video Compilation Page</title>
</head>
<body>
  <main>
     <h1>BEST MOUNTAINBIKE VIDEOS ON THE WEB</H1>
     <p>Here are a few videos that I find to be the best of mountain biking on the internet today.  Most of these are from Redbull's Youtube page</p>

     <section>
         <h2>Redbull winning line</h2>    
         <p>here is a run from the winning racer at a recent event</p>
         <iframe 
         src="https://www.youtube.com/embed/v=PJ2MtTvpzp4" 
         title="inlineframeexample" 
         width="560"
         height="315"      
         </iframe>
     </section>   

     <section>
         <h2>Redbull winning line</h2>    
         <p>here is a run from the winning racer at a recent event</p>
         <iframe
         src="https://www.youtube.com/embed/v=PJ2MtTvpzp4" 
         title="inlineframeexample" 
         width="560"
         height="315"      
         </iframe>
     </section>        

     <section>
         <h2>Redbull winning line</h2>    
         <p>here is a run from the winning racer at a recent event</p>
         <iframe 
         src="https://www.youtube.com/embed/v=PJ2MtTvpzp4" 
         title="inlineframeexample" 
         width="560"
         height="315"      
         </iframe>
     </section>  

   </main>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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

The opening tag of the iframe element has an issue.

You can identify it by the difference in color between the opening and closing tags:

I tried to close it off with a > but the closing > causes everything below it turn white and no longer show up in the preview

can you post your recent code?

Please post your actual code instead of a picture.

Did you add the closing angle bracket?

If yes, where should it be if that element has attributes?

show your code with the angular bracket, you must add it, but maybe you added it in the wrong palce

I’m sorry I don’t know how to do that without starting a whole new forum thread

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

So it looks nothing like the example but it works for some reason? no more error codes

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

<head>
    <meta charset="utf-8">
    <title>Video Compilation Page</title>
</head>
<body>
  <main>
     <h1>BEST MOUNTAINBIKE VIDEOS ON THE WEB</H1>
     <p>Here are a few videos that I find to be the best of mountain biking on the internet today.  Most of these are from Redbull's Youtube page</p>

     <section>
         <h2>Redbull winning line</h2>    
         <p>here is a run from the winning racer at a recent event</p>
         <iframe src="https://www.youtube.com/embed/v=PJ2MtTvpzp4" 
           title="inlineframeexample" 
           width="560"
           height="315">
         </iframe>
     </section>   

     <section>
         <h2>Redbull winning line</h2>    
         <p>here is a run from the winning racer at a recent event</p>
         <iframe src="https://www.youtube.com/embed/v=PJ2MtTvpzp4" 
           title="inlineframeexample" 
           width="560"
           height="315">      
         </iframe>
     </section>        

     <section>
         <h2>Redbull winning line</h2>    
         <p>here is a run from the winning racer at a recent event</p>
         <iframe src="https://www.youtube.com/embed/v=PJ2MtTvpzp4" 
         title="inlineframeexample" 
         width="560"
         height="315">      
         </iframe>
     </section>  

   </main>
</body>

</html>

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

what example are you talking about?

From the last video in working with media, “how do you embed videos onto your page using the iframe element?”

In what way does it look nothing like that example?

I’m sorry I am mistaken, I see it now it was the > after my height that fixed it