How to display a video in a web page using html,php - html

How to display a video in a web page using html,php,
Any example code
any one will help ,please

if you are looking for a flash player, I suggest you flowplayer.
if you are looking for HTML 5 video take go there
To embed microsoft videos here.
I think the best way to embed video is probably flash but if you are an technology enthusiast I would vote for HTML 5 since it's the future.

Related

Embedding html5 video with opengraph on facebook

I have built a web site for our student tv station and the concept is pretty similar to youtube. We would like for our videos to be playable directly in facebook when shared, with the videos themselves still hosted on our server and our stats being updated.
The player on the site uses videojs and is all working with the html5 video tag. There is also an embeddable version of the player that can run in an iframe. Ideally I'd like this to be used on facebook but don't think it's possible. This is what I've attempted at the moment with the og:video:type value set to text/html and og:video set to the embeddable player url and it doesn't appear to work. Here is an example page, and here is the embeddable player for it.
The only other ways I've seen is to specify a url to the video file, or a url to a flash player.
All of our videos are rendered at different qualities/resolutions and on our site and embeddable player there is a quality selection bar that changes the video url in the player. However it looks like with opengraph and facebook there is no way of giving it the urls to the different qualities or having the user pick the one they want on facebook, meaning we're stuck with forcing everyone to watch at one of the qualities. Is this right?
So then the only other option that appears to be available is building a custom flash player which has quality selection built into it. From what I can tell this is what youtube is doing. Is this the only option though because I don't want to build a custom flash player for Facebook to then decide in a few months that they're not supporting flash anymore?
I realise similar questions have been asked already but I couldn't find a definite answer and some of them were over a year old.
Thanks.
Facebook is currently trialing iframes with YouTube. Hopefully the support will be rolled out to everyone soon.
More info at this question: Embedding video player html5 iframe in facebook share like YouTube

Best way of posting a video to a html website

I want to post some mp4 videos in my site and I don't want to upload it to youtube or any 3rd party web app which will let me embed it into my website. I also don't want to use any blogging system like wordpress, drupal. So then what is the best way to post it to my site so that most devices will be able to view it. And can I customize the player which I use?
I have seen w3schools html5 video but I didn't find it helpful. I have also seen ' Video onto a website without plugins ' but I am not satisfied with that.
[Hint: I am ready to convert my video into any format required.]
Thanks in advance.
I have used video.js for this purpose, it worked for me. I haven't tried editing it much, but it has options.
http://www.videojs.com
Use the HTML 5 video element. You'll have to upload your video in different formats, since there is no video format that is supported by all browsers, but support for the video element itself is quite good. IE8 doesn't support it, but IE8 is already very old. With the video tag you don't need Javascript or flash plugins.
For an overview of browser support see CanIUse. Another source with much detailed information about video formats and how to convert them is DiveIntoHTML5.info.

How to add a Youtube alike hyperlink to a video that is not from Youtube

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

Video in Browser: Embed YouTube and others

I want to embed videos from different video sites like YouTube, Vimeo and so on...
But I have a problem:
The Skins of the players are all different
and I want a consistent video skin.
Is there any possiblity to get this work?
I can't host the videos on my server because I have to pay for the traffic
and that would make me poor =(
I know that Youtube at least has a chromeless player, you can check out the API here: http://code.google.com/apis/youtube/js_api_reference.html#GettingStarted
I don't know about any of the other sites, though. I'd try Googling the name of the site and "chromeless" or "api" to see what comes up.
Simply put, no. The video site content has to include the skin for each site, unless you rip the video out and self-host it.
There's a reason for this, and I doubt you'd want to see the sites all fold/go paid because of people hijacking content without attribution.
Try Media Element JS
It wraps your youtube and vimeo video to a HTML5 video, no need to host the video on your website. The script from the website can take youtube and vimeo videos and make convert them into HTML5 video.
One side effect of this script is that since it can convert both Youtube and vimeo videos to HTML5 then the players will be the exact same for both of them.
Hope that helps,
regards

looking for some samples to embed media player into html

I am developing some html pages which embed media player (Windows Media Player and Silverlight player, like sl12videoplayer from codeplex http://sl2videoplayer.codeplex.com/ ). I have learned how to embed players into html, by using DIV/OBJECT tags. I have proved it works technically.
My question is, I want to find and learn some samples about how to embed player within web page to have a good layout. The scenario I need to develop is some text based news page and I want to embed some players for videos (related to the news). Any reference samples which have elegant and sample layout to recommend? My confusions are like should I use tr/td, use iframe, frameset? How to set the width/height property to display video in an elegant way and extensible enough for the future?
thanks in advance,
George
I would use CSS for your layout. Look at the source code of YouTube for an example. This is exactly like laying out any other media player on a page (Flash Player, QuickTime, etc.)
Download and install the Windows SDK from msdn.microsoft.com, and then, on your harddisk, look in this directory
\Samples\multimedia\WMP\webpages\embedded
for a simple javasript example.