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.
Related
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 notice that there are many libraries out there for playing HTML5 audio, but ain't the whole idea of HTML5 audio that we don't need a library for this to work properly?
If I don't need Flash fallback, but a simple solution for streaming music (my own) that can also play each track after each other, do I then need a library like jPlayer or Soundmanager2?
I know I need different audio formats, but that's not a problem as I won't have many tracks online.
The "whole idea" of HTML5 audio is that end users and web page authors shouldn't need to rely on a browser plugin to play audio - the functionality should be included in the browser, and controllable directly from standardised HTML/JavaScript.
I haven't used an HTML5 audio library, but looking at the jPlayer and Soundmanager2 home pages, it looks like the main functionality they offer is fallbacks for browsers that don't support HTML5 audio.
I suspect they might also have some built-in custom UI for playing audio though, in case you don't like the native audio controls that browsers provide.
You could use straight-up HTML5, but you'd soon realize that has a whole host of problems.
Library's like jPlayer (which is great by the way) account for many common issues like browser support, optimization and fall-backs etc.
If you want to code all that yourself you can, but a popular library will be leaps ahead and it's the wise choice to take.
The truth is, HTML5 offers very powerful features, but its support is thin at this current moment in time. It's all to make your life easier!
HTML-5 audio actually encompasses two distinct factions at this point. One is the audio tag and the other is the Web Audio API. The former is a quick mechanism for playing an embedding audio files, the latter is a way to play,process and manipulate audio in a low-latency manner acceptable for game development and more professional environments where features like reverb effects,filters,"3D" sound and other characteristics are needed. But to answer your question, the only real reason to use a library for the HTML 5 audio tag is (in my opinion) for backward compatibility between browsers as well as ease of use for things like multi-shot file triggering and event handling.
I am developing a web app that will stream videos to a user, and the user will interact with the videos, for example recognize events on a specific timestamp, and then possibly store that in a database along with the video. I am going on with HTML5 because it is new, and compatible with tablets and smartphones. (iPad etc etc..). My question is that, does HTML5 offers this kind of customization ? or is it done only on Flash? And is there like a specific API Documentation about HTML5 video ?
(It will be all based on ruby on rails, but I don't see how that matters)
There are possibility’s to customize with JavaScript. But I would recommend to use an already made one
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.
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.