I was working on a personal project and trying to insert a video into it. However, the video doesn’t play, but it doesn’t display the “video not supported” text either. Is there a way this could be fixed? the video element is right near the bottom.
<!DOCTYPE html> <html> <body> <div> <h1>Hello World!</h1> <p>This is my <strong>first</strong> website, I hope you <em>enjoy</em> it.</p> </div> <div> <h2> About me </h2> <h3> Ambition </h3> <p>My ambition is to become a software engineer. I am taking the <br>Full-stack development course on <strong>codecademy</strong> to help me achieve that goal. <br>My dream job is one at Google.</p> <h3> Favourite foods </h3> <ul> <li>Indomie <br><img src="https://th.bing.com/th/id/R.c7972249bbc5b5a976caa95b4fd8a219?rik=00vDc8tDAvE0Vw&pid=ImgRaw&r=0" alt="picture of instant ramen"/></li> <li>Swallow <br><img src="https://static.wixstatic.com/media/3e11a5_675fdb871aa64d3dbac65901a0ce8b00~mv2.jpg/v1/fit/w_1000%2Ch_1000%2Cal_c%2Cq_80/file.jpg" alt="picture of nigerian swallow/fufu" /></li> <li>Jollof Rice <br><img src="https://th.bing.com/th/id/OIP.Nu7R_XBrwpdmC_0pK5Gy4QHaJU?pid=ImgDet&rs=1" alt="picture of Jollof Rice" /></li> </ul> <h3> Favourite film franchises (in order) </h3> <ol> <li>Jurassic Park</li> <li>Harry Potter</li> </ol> <h3> College </h3> <p> My preffered college is MIT, though that is a serious reach for me. I think a more realistic goal would definitely be: <ul> <li> Carnegie Mellon Univeristy </li> <li>University of California: Irvine</li> </ul> <video src="https://www.youtube.com/watch?v=UYpKaiRwkgM" width="360" height="200" controls> video not supported </video> Both are very good schools that I would love to go to.</p> <img src="Screenshot (3).png" alt="Me struggling with my internship" /> </div> </body> </html>