HTML video not displaying/playing properly

Language Help HTML
1

Hello there professionals I seek your guidance I believe I am putting in the correct code but all the links and videos don’t work the links don’t show up and I cant get the video to play this is just a side project but i feel to truly master your craft you have to practice and they say perfect practice makes perfect and my practice is not perfect please help me reach perfection.

2

Hello!

There’s nothing we can do to help until you share your code, please do so, formatting it according to this: How do I format code in my posts? - FAQ / Codecademy FAQ - Codecademy Forums

4 
<html lang="en">

    <head>

        <meta charset="UTF-8">

            <title>the Fight Game</title>

                <link href="style.css" rel="stylesheet">

    </head>

        <body>

            <h1>The Fight Game</h1>

                <h2> The best kickboxer in all of the united states </h2>

                    <div> <p>Stephen thompson is one of my favorite ufc fighters in the whole game, of course because I am a karate student myself,

     I love to see his spinnig head kicks sidekicks to the body etc but ultimately dissapointed by his recent preformance I wish he was as gifted with werestling and jiu jitsu

     as he is with kickboxing or maybe if his takedown defense was as good as sean strickland but takedown defense can only get you so far

     i truly belive that you need to be a well rounded fighter to become champion. On the other hand maybe after the woodly fight he lost his confidence

    but sometimes you have to remember who you are, or maybe he lost the drive I mean maybe hes not after the glory of a champ. He's doing very well for

    himself I do belive his karate school is very profitable have you seen how big it is

                         <link title="stephen thompson's school" href="https://www.upstatekarate.com/videos?pgid=jn2f2n23-3773aaba-5f2b-4cf6-a53f-ac6ccb1bc1ec">

so maybe he's just passing his knowledge down to the youngins as they say in the south, who knows, one thing for sure he will always be one of my favorite fighters in the ufc </p></div>

   

                            <video src="https://www.youtube.com/watch?v=ilBENf9qQvE" width="500" height="300" controls autoplay> <audio controls></audio>

        </body>
5

For adding a link you don’t use the <link> tag. You use the anchor tag (<a>). For the video, 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>

6

Is it possible for you to show me how my video tag would look? Please and thank you. I did exactly what you said and now the video is completely gone

7

Here’s a video on how to get the embed for a video on Youtube

8

did exactly that still not working
<video >

9

You dont put the iframe in the video tag. It is its own tag that you dont use with the video tag.

10

tried removing it it still didn’t work

11

So you have this as the following?(the scr will be different since it is a different video)

<iframe width="560" height="315" src="https://www.youtube.com/embed/fjQ7XaMNQNc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
12

exactly the same without the iframe of course

13

Wait im not following. Can you share what you have now?

14

video width=“560” height=“315” src=“YouTube” title=“YouTube video player” frameborder=“0” allow=“accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture” allowfullscreen>
you said i dont need the iframe in the tag

15

i had to remove one the < because the browser just read the code and made a blank screen because the video wont show but also because i want you to see the code

16

it would display a blank screen here in this chat thats why i removed the < in the tag

17

im actually not sure why the src looks different i copied the exact code from my text editor

18

No, you don’t use the video tag instead you use the iframe.

<iframe width="560" height="315" src="https://www.youtube.com/embed/fjQ7XaMNQNc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

And not

<video width="560" height="315" src="https://www.youtube.com/embed/fjQ7XaMNQNc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></video>
19

thanks so much for your help it finally showed now I feel a little closer to greatness again couldn’t thank you enough

20

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