Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Hi,

I am currently stuck at the part where I have to insert a video using the ‘iframe’ element. But it keeps popping up in my preview, video unavailable.

Is this normal? or is there something wrong with my code.

I honestly am quite confused with the inserting video part.

Thank you for the guidance!

Your code so far

<!-- file: index.html -->

      <section>
        <h2 id="about_us">About Us</h2>
        <p>intro</p>
        <p>when it was founded</p>
        <p>etc etc</p>
        <iframe id="video" src="https://www.youtube.com/embed/watch?v=HSOtku1j600&list=PLjV9Kto-d5F9mZEV6sfMIrYtMSVL7x6v2&index=2&t=4758s" control>
        </iframe> 
      </section>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

2

If you want to embed a YouTube video then you need to click on the Share link for the video and select Embed, which will give you the proper iframe code to use.

1 Like
3

I got it now. Thank you!

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.