I want to show video in one of my pages of an enterprise application. I was thinking on using a flash based player such as Flowplayer. Then I learnt that I could also use the EMBED tag.
The default browser for accessing my web app is IE - whatever version. I also supose there should be
some users using other browsers.
My question is are the drawbacks on each and what have you used before to show video?
I would highly recommend using framework which supports HTML5 video tag with flash or other format fallback for old browsers. Examples are numerous and include VideoJS, FlareVideo and others. This way you would depend on (name-your-disadvantages-like-insecure-and-proprietary) technologies only for older browsers and support a newer ones well. The result is fewer problems you face when the management decides to upgrade the clients.
embedding offers the easiest solution. The iframe code is simple and does the job
<iframe src="http://(your video source here)" width="400" height="380" frameborder="0"> </iframe>
Related
As I'm a bit out of tune with web programming I tried to look up what is currently being used in order to display static video files on a web page.
After google showed me either the video tag for PC or some programs for android,... I'm wondering what are really now the current methods to display such videos? Is it JUST the video tag nowadays? Or are there also other methods that are "modern"?
The latest versions of the most popular browsers already support the video tag, so it should be as modern as you expect. The problem here is rather the video format. Each browser supports different formats for different types of operating systems, so this is one thing you should pay attention for. This website should give you a quick view of the current situation.
One more thing I can point you to is the support for older browsers. You should check if user's browser support the video tag and your video's encoding. In case it doesn't -- simply add a fallback to some older technology, such as flash or something else.
I have a video which is in wmv format. And i want to have this in my ASP.NET MVC application and support streaming so that users can stream and start viewing the video. Also i do not want to rely on third part controls like flash/silverlight/quickplayer etc. How can i achieve?
html5 supports this video streaming. Please check http://www.w3schools.com/html5/tag_video.asp It doesn't rely on any third party plugins, if the browser can support html5 then it is simple. Most famous browsers supports more or less html5 features.
Thanks
It looks like the browser on a Blackberry doesn't support either HTML 5 or Flash...
What's the best format to display video in it?
Thanks
BrowserSession is useful to paly video and audio formats in Blackberry.Visit following
links useful for you.
BlackBerry - Play mp4 video from remote server.
If you need information about Browser session the following link might help you.
http://docs.blackberry.com/en/developers/deliverables/11844/Browser_session_management_438294_11.jsp
You would use the object tag e.g.
<object data=FILENAME type=MIMETYPE>
You can see the supported video formats on different phones here (PDF).
Source
Latest version of blackberry (from 6.0). but however it is not that intelligent to play videos efficiently.
Is your application using native code ? If yes, then go for manual player or invoke default browser which has capability to play videos. I have done the same way for you tube videos.
While searching for difference between HTML4 and HTML5 I came across the point that :
HTML5 brings a whole new dimension to web world. It can embed video on web-pages without using any special software like Flash
So if we will consider a sample code in HTML4 then for embeding video then that will be:
<embed src="MyVideo.mp4"/>
While the above code can be written in HTML5 will be:
<video src="MyVideo.mp4"></video>
So what can I see is just the syntax difference. Apart from that what else is the difference.
Does this mean if we will use HTML5 to embed a video then the browser is not going to use any third parties software to play the video?
The idea regarding the tag is that the browsers should have native support for it, without the use of any additional software. The standard is not yet ready, and one of the points not agreed upon is regarding what codecs to support. For more information you could have a look at the html5 video wiki page which includes a list of which browsers support what formats.
If you are planning on implementing the html5 video tag, you should provide backwards compatibility. One way is to use the VideoJS library, which will fall back to flash, if the browser doesn't support the video source.
The current HTML5 draft specification does not specify which video formats browsers should support in the video tag. User agents are free to support any video formats they feel are appropriate. In cases where decoders are not built into the browser, the format support will be dictated by the multimedia framework of the operating system.
Here is what you might want to see : 20 Examples of HTML5 Video Player with Source
VideoJS is an HTML5 Video Player, built with Javascript and CSS, with a fallback to a Flash video player for when the browser doesn't support HTML5 video.
How do I play a sound on the web browser as notification?
You can use the <audio> tag combined with JavaScript to play sounds at a given time. You'll need JavaScript, of course, as it's done on the frontend, and hence, with client-side programming.
For example,
<audio style="display: none;" id="notification" preload src="path/to/soundfile">
Then, for the scripting, place this somewhere in any part of your script that requires sound notification to occur:
document.getElementById('notification').play();
For those who recommend Flash as it's supported in IE, note graceful degradation, where, for non-essential things (such as sound notification) we choose to use new, recommended technologies that work on most browsers, instead of using hackish, insecure methods to try to get all browsers to work.
With HTML5 you can use a bit of javascript and the <audio>-tag.
I have an example on my site: http://www.khaaaaan.com
The javascript:
<script type="text/javascript">
function soundPlay(which)
{
var audio = document.getElementById(which);
audio.play();
}
</script>
The button which activates the sound:
<input type="button" class="khaaaaan" onclick="soundPlay('khaaaaan');" Text="KHAAAAAN!" title="CLICK MEEEEEEEEE!" />
And then the audio-tag
<audio src="khaaaaan.wav" autobuffer="autobuffer" id="khaaaaan" />
This also works (Used it before the <audio>-script :)
Cross-platform, cross-browser way to play sound from Javascript?
Since the audio tag isn't normative, I'd suggest using the 'legacy' way of handling this.
Here's another SO post that deals with it:
Cross-platform, cross-browser way to play sound from Javascript?
You could also embed a Flash widget which could perform all sorts of other useful things at the same time, including keeping track of how many times a user has triggered a sound prompt, or provide an interface for disabling such aural prompting. Using Flash would also offer you streaming functionalities and flash cookie local data storage.
Though you can do it with audio tag it wont work in browsers that don't support HTML5. The easiest way to do will be using...
<embed src="1.mp3" width="200" height="55" autostart="true" loop="true" style="visibility:none; position:fixed;">
This uses the default player. Eg: Media Player in windows.
But the standard way is using flash
An tutorial can be found here.
This also works in all web browsers IE4 +, Firefox(all), Chrome... And don't depend on HTML 5 or Flash, and uses the default player which is always there.
N.B:
EMBED tag is not a part of the HTML 4 or xHTML 1 specifications, but it is still widely supported by modern browsers. Unlike other tags, the attributes used by EMBED tag depend on the type of plugin being used (this odd free-attribute concept is why EMBED tag has been rejected by the HTML standards makers).
But this solves problems :)