What's new

Welcome to the forum 👋, Visitor

To access the forum content and all our services, you must register or log in to the forum. Becoming a member of the forum is completely free.

Video Element Doesn't Find Local Video

Wendy10

New member
Joined
Mar 16, 2024
Messages
2
Reaction score
0
HTML Coins
0
I realize this is almost certainly a novice question. I'm trying to test an MP4 video on my computer using VIDEO element. In <source I have the full fileid of the folder on my disk that contains the video (the highest level folder also contain the html file):
src="/folder/sub-folder/sub-folder/Video/videoname.MP4 followed by type="video/mp4">
But when I press "Play" on the controls nothing happens. The video doesn't play.
I also have Poster="/folder/sub-folder/sub-folder/images/imagename.jpg" but the poster image isn't displayed.
I would appreciate someone telling me what I'm doing wrong.
 
You need a server. LIke http:// then what ever your URL is. Called a Domain name. This server anchors pictures to your own screen. So you can see it while editing or doing some thing else to it. For example, uploading a video on your own screen to see and play.
 
Are you saying that I can't test this locally on my computer? That I have to upload it to a site just to test it? I'm not quite ready for that - I just want to see what I have and that it plays with the html.
 
It will work. Just cannot test it and see it.

<img src=" file.mp4" alt=" description" width="xx" height="xx"/> Basic necessities of html tags.

URL in src which the full path is holden up by a server or a computer to do this. It's the anchor tag. Which is your computer. Lots of html books out that are good. Pick one. HTML for Dummies by Rich Tenant. He's a good source to use.
Won't miss. Check it out on another network. Like a library. Someone else's account. The network might deny the same person access to it.

URL or is linked to the page to see it. They use a href and /a link to do this. Holding it up is a URL from the web server. But the tag is the same function in html. This tag should work fine.

I used this method many times with seeing my pictures in web pages. I just knew it worked. Now I use an image host free image host. ImageBam.com is a good free image host. Or html editor

I use a free google server to do this too. Google photo on Chromebook has online storage photo. Type in their URL google into the src=" " image tag. It's not going to be locked if I place it on. Automatic

Example url from my chrome: https://photos.google.com/lockedfolder/photo/AF1QipNVtXmJeWxab2g4dWPFkHM3_Jtehe13RqcrmjWt
 
Last edited:
Code:
<video width="500px" 
               height="400px" 
               controls="controls">
        <source 
                src=
"https://media.geeksforgeeks.org/wp-content/uploads/20231020155223/
Full-Stack-Development-_-LIVE-Classes-_-GeeksforGeeks.mp4" 
                type="video/mp4" />
       </video>
 

Theme customization system

You can customize some areas of the forum theme from this menu.

  • Wide/Narrow view

    You can control a structure that you can use to use your theme wide or narrow.

    Grid view forum list

    You can control the layout of the forum list in a grid or ordinary listing style structure.

    Picture grid mode

    You can control the structure where you can open/close images in the grid forum list.

    Close sidebar

    You can get rid of the crowded view in the forum by closing the sidebar.

    Fixed sidebar

    You can make it more useful and easier to access by pinning the sidebar.

    Close radius

    You can use the radius at the corners of the blocks according to your taste by closing/opening it.

  • Choose the color combination that reflects your taste
    Background images
    Color gradient backgrounds
Back