HTML Images, audios and videos

[sara]

   Hi, Guys how are you doing?

   my name is Sara and i am trying to learn HTML and CSS. my question is my browsers can not display images, audio and videos. by the way, my OS is windows 10 pro, i am using notepad++, browsers Firefox, chrome and IE. None of my browsers are working. here are the following HTML codes:
 
 1. <img src="Documents/reyan.jpg" alt="reyan" style="width:400px;height:400px;">
 2. <audio controls>
  <source src="Documents/RAAZ REBOOT.MP4" type="audio">
</audio>
3. <video controls>
              <source src="Documents/Super_yoga.mp4" type="video/mp4"/>
      </video>

    i have tried three of my browsers and none of them are working. for more information i am attaching the three browsers how they look like after they display the image
 
    please guys i need your help.
      Thank you,
      Sara




       

[attachment deleted by admin to conserve space]

[jenno]

Your code looks correct, the only thing I can think of is an issue with the source files. Are they definitely where they're supposed to be?

[sara]

    HI, Jenno

    you mean the directory of my files?  the images, audio and videos and the index,html are in the same folder ( Documents)


   

[sara]

 
   Hi guys

    i think the problem is with windows 10 because my images, audio and videos are working with windows 7. i have tried with my friends windows 7 OS. now, my question is how can i downgrade to windows 7?


   Thank you,
    sara

[camerongray]

You are including files in a path relative to your HTML file.  Therefore if your HTML file is in D:/Notepad++/ then your browser is looking for the images in D:/Notepad++/Documents/Super_yoga.mp4.  If this is not correct then you will either need to move the files into the same directory or use a full path to access you images (e.g. C:/Users/username/Documents/Super_yoga.mp4).

This issue is in no way related to Windows 10 so downgrading your entire OS to try to solve the issue would be silly.