I need advice for the following problem: I have a video stored on the local device, let's say in /home/user/video.mp4
And I want to play this video with a html5 video tag on a website I get from a webserver. I tried it with <video src="/home/user/video.mp4" type="video/mp4"></video>
with no success. It came to me, that the server will try to resolve the src
attribute on the server, where no video.mp4 is present.
So I tried wrapping it in a HTML file, storing it on the client and loading this file in an iframe like this: <iframe src="file:///home/user/wrappedVideo.html"></iframe>
It is still not loading the video.
So do you have any advice how to solve this problem? The idea behind is to save bandwith by dropping the video to the client once instead of every request. The amount of clients is limited, as they are all under my control.
Update: Saw a similar question Play local (hard-drive) video file with HTML5 video tag? but that's not exactly what I want to achieve. I can not click on a button to load a local file because the client will be some kind of kiosk / display where no interaction is possible.
Also I would like to avoid using a local webserver to eliminate a possible error source.