HTML videos and images problems

Hello! I am new to HTML and currently having trouble inserting videos and images into HTML coding. Every time I attempt to insert the code for a video or image, it inserts an empty box.

Images code:

<img src="https://images.app.goo.gl/48QZQxiLDSrTmAPm8" alt="Star Emoji">

The result is a box with nothing but a question mark. Nothing happens when I click or hover my mouse over it.

Video code:

<iframe width="320" height="240" src="https://youtu.be/sBoVGqiSzr4"></iframe>

The result is just an empty box. Nothing happens when I click it.

As far as I know, this code is correct from what I learned at the Codecademy HTML intro lessons. Please help me, as I want to figure this out as soon as possible so I can understand this in the future.

The image does not seem like the correct URL. Try using this instead: upload://jrPQGqNRdRlbIozV8GJfcXJqNbe.png

For the videos, you don’t make your own <iframe> to embed a youtube video instead use the one YT gives you. Share → embed then copy the <iframe>

The URL you give does not work, and gives the same result as the other URL.
Please explain what you mean by using the <iframe> Youtube gives me. Could you possibly upload videos and/or images or how to do both of these correctly?

Here’s a video:

It worked! Thanks so much, I really appreciate the help.

As far as inserting images, how do I do that?

Once again, thanks for the help on the video issue.

For images it’s better to add them to the same folder as the HTML file so you can link it easily like this: <img src = "/FileName.png"> also don’t forget to make one of my posts a solution if it solved your problems.

So I followed the instructions you gave me and here’s my code:

<img src="Sunshine Sail Aways.png">

It still is not working, and still is just a box with a question mark. Any suggestions?

You need to add a / Infront: <img src="/Sunshine Sail Aways.png">

I copy and pasted this code and it gave me the same result. I use a MacBook with a safari browser, and I am coding in the Codecademy HTML/CSS/JS workspace. Could it be a problem with those?

Can I see the list of files

What do you mean by list of files?

This:

image

Processing: Screen Shot 2021-12-18 at 3.49.09 PM.png…
Processing: Screen Shot 2021-12-18 at 3.49.09 PM.png…
Uploading: Screen Shot 2021-12-18 at 3.49.20 PM.png…



There was nothing in the script.js section

Please help. Anyone else that can help?

Please check the code of my website. it’s now working. Please help me.

Can we have your code so we can help?