Ok i wanna do a simple question but i do not know if it comes also with a simple answer..
I will ask the simplest scenario that derives from this question... How can i "put" a video in a html page(site) from my pc or server that can be watched by everyone.
I dont want to embed a youtube video in the site but i want that video to be "embed" from my server or pc. What im actually asking is how to make a site like youtube(remove the part that users can upload videos) that has videos and are being "streamed"(i think thats the word) directly from youtube servers.
Given your file tree looks like this :
index.html -- The web page you're serving
media/
media/bunny.mp4 -- Your video file
media/bunny.jpg -- [optional] A cover picture while the use plays the video.
And in index.html
<video src="media/bunny.mp4" width="400" height="222" controls poster="media/bunny.jpg"></video>
But if you're searching for an alternative where the user can't download the file (and that is a requirement even Youtube doesn't fulfil), you can read this post HTML5 live streaming
Or simply use a ready solution like Plex Media Server
Related
Im looking for a plugin or any open source for showing video file on webpage. but there are sooooooo many things and I can't find different things between those.
I aleady know that HTML5 and web browser provide a way. Then why there are such many sites and companies ?
And can you give me any recommendation on open source or site or company or anything?
There are two approaches to show video on a web page:
Host video to some video streaming website like youtube etc..
Host it on your server.
Best way is to upload video to youtube and embed the same to your web page like:
<iframe width="420" height="315"
src="https://www.youtube.com/embed/XGSy3_Czz8k">
</iframe>
Alternatively if you want to host video on your server then there are multiple frameworks to do this:
media element js http://mediaelementjs.com/
videojs http://videojs.com/
I have a short video that I want to upload and use in the following code:
<video>
<source src="video_url.mp4">
</video>
It's very simple but my problem is: I have no own file server. That's why I have to find a file-hosting provider where I can upload my video and use it from there.
But all they give me is just a download link for the video which is not what I need. What I need is a video-URL that directly plays the video.
For example like this one: http://clips.vorwaerts-gmbh.de/VfE_html5.mp4
I have actually found a site that does what I need. This is the site: https://pomf.se
But unfortunately, that site is not available anymore.
Can anyone help me? How or where can I upload my video to get the required link-format? (I have the same problem with audio files)
Could you use YouTube? You can create unlisted videos so they don't show up to the general public (they aren't public though). Other options could be Dropbox or S3 for inexpensive ways to host the videos yourself. Fact is, its storage space.. and that isn't free.
I have a simple web page written in HTML for testing video streaming.
<video controls name="media">
<source src="external_url.mp4" type="video/mp4">
</video>
That's work in local, but when I upload the page on my free web hosting, the page doesn't load any video. Is there a workaround? Maybe using an embedded player?
update
I've discovered that's a problem related to video. Unfortunately I cannot link it because it's for a private presentation, but I've tried with other videos and that works well. Any idea why my video doesn't play?
Please check that the URL is intact.
Check if there might be some file discrepancies. The control currently supports mp4, ogg, and webm as seen here.
Use the canPlayType() method to test the site AFTER the upload - just to be sure we're covered on that front. See here for the DOM reference.
You can fiddle around here if you don't want to have to upload the site first before live-testing it.
Hope that helps.
How do you upload the video? If FTP, text transfer mode may have ruined the file. The hosting (especially, a free one) can impose a limit on the file size (uploaded or served) too. Or even on content types (e.g. narod.ru didn't allow to read files directly, serving a "download page" on an attempt instead).
Try to download the video file directly and compare it with the reference one.
I would like to know if there is a way I can put an hyperlink on a video that is from my own website, like Youtube does. The video is in mp4 format and I don't know wether there is a kind of embedded javascript code or something for doing that task. I thank you very much your attention.
I am currently managing my website through wordpress I would like to know if there is a way to do that by this way.
I can't just simply upload the video to Youtube and then embed the video in my website because the videos I am currently administrating are private.
I think you mean you want to play your video directly on your website without having to upload it to a video service like youtube. For this you'd need to use the HTML5 video tag in your template(if you have access to your code). Or I'm guessing wordpress would have plugins for this that would just allow you to upload your video file and it would play it in your template for you.
HTML5 video tag description
I have one video file inmy system I want it to attach it on my html page.I want same thing with youtube videos also.I want that when i open my html form this video appear as like same as pictures are seen at thumnails.means i dont want only links..I tried stackoverflow links but no one is telling from starting .I am telling u frankly i dont know even making a link of my sytem video file in html form,..I can make links for image,files etc but for video si dont know.So plz guide ..
1.HOw to make a simple link of video file which is in my system drive.
2.HOw this video will be displayed like pictures are displayed at thumbnails
3.How to upload youtube videos(not want only link)...
If you have a video file then you need an image to represent your thumbnail. To create a link that will allow someone to download the video is as simple as:
<a href="url of your video file">
<img src="url of the thumbnail image"/>
</a>
Then the user will see the thumbnail image and when they click on it they will get the video. If you wish to embed the video in a player you can select the player of choice such as FlowPlayer or any of a million others.
You question about you-tube I assume you mean to embed you-tube videos on yout site. If that is the case visit the video on you-tube and there is an embed text box on the page with the code that you must copy and paste into your site.
EDIT:
The FlowPlayer that I linked to (not an endorsement) has a page that describes in great detail how to do what you are asking for here. If you follow each step then you will get exactly what you envision.
Another Edit:
To play a particular file format you need to use an appropriate player. I do not know all the players but you want to make sure that the format you use is popular enough so that users do not have to download special plugins just to see your video.
If you visit the DivX website you will find their embeddable player that can play mkv files on your website. They have a Code Generator that produces the code that you will use to embed the player on your site.
As for various options like starting in pause mode etc you will have to read the documentation of the player that you use to see what options they allow.
you an download ny video from youtube and these videos are in .flv format so why u are taking tension.Just use them frequently.And for youtube videos u do not need to use flowplay just add youtube video url and add object that will be given in that page just above the related video..
But me too do not how to allign it on right side or in middle of the page..Can anybody tell..