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.
Related
A while ago I stumbled across an example of an HTML5 video player with support video in video. In an example use case, the following was demonstrated: a powerpoint presentation video, with an explainer video to accompany it. Unfortunately I can't remember which video player it was.
To illustrate; something like this
The beauty of the player is that it's able to serve multiple sources of video in one view and toggle between different view points (like split screen and switched view).
Like I have illustrated here:
Split screen video
Switched video view
Could anyone help me find out which HTML5 video player it may have been, or maybe how this could be achieved in something like VideoJS?
It looks from your requirements that these are completely separate videos.
If this is the case then one simple approach is to just have two video players.
You can then use your web page layout to place them wherever you need them to start up, and add some simple Javascript scripts, linked to buttons on the page for example, to change the layout to however you want it for that particular button (e.g. one button might be for split screen).
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.
I'm curious to what the best practice is in regards to embedding youtube videos on a site? Ideally I will want to auto-play a default video with it muted while having other videos available as thumbnails.
Any recommended plugins? Should I use an iframe or an object?
Thank you in advance!
Your question is very broad: it's hard to know how to help you. If you're using WordPress, for instance, you'll have some plugins to help you do this, but otherwise it depends on whether you intend to dynamically generate the videos or manually create a page with the main video and thumbnails chosen by you in advance.
If you intend to program your page, you'll want to use the YouTube Data API (version 3 preferably, which uses JSON to keep payload sizes down).
If you're manually laying the page out, look at the watch page for a YouTube video, and you can get the embed code there. Click 'Share -> Embed' and then you'll see an iframe tag from which you can fiddle with to alter the size parameters to suit your needs.
One thing to note though: if you make a video autoplay on a page, as far as I know you forfeit the opportunity to have the viewcount increase for that video. So if you want to promote one of your own and intend the viewcount to go up each time, you have to allow users to start the video.
I have did in my site similar to like this ( if one player plays others should pause).
I have used ExternalInterface for communicate with javascript.
Could I able to make the same effect in html5 video player.?
Of course you can, that's what HTML 5 is here for ;-)
HTML 5 audio and video support a great number of attributes and events that can be accessed using JavaScript.
You better have a look here: http://www.chipwreck.de/blog/2010/03/01/html-5-video-dom-attributes-and-events/
Clarify your questions if you need more detailed information.
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.