I have a task ahead of me that I do not know the easiest way to address. Currently I am building out an admin section in Symfony for a client and she would like to upload video. She has the capability of conversion and will use the format I specify but I just do not know what the best on is for cross browser compatibility. I think .mov seems pretty good but I do not know. I would like simple embed code and to swap out the video src with js. Any and all help appreciated as always.
Thank you in advance,
J
I think currently the best option is H264 in a mp4-container with Flash based video player such as
http://flowplayer.org/
http://www.longtailvideo.com/players/jw-flv-player/
If you want use HTML5 video I would suggest that you use some flash hybrid to get maximum browser support
Check this out:
http://www.longtailvideo.com/support/jw-player/jw-player-for-html5
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 need some help/suggestion . I'm building a website using PHP, MySQL, HTML5, CSS and I'm stuck at a point.
I have few queries regarding Audio and Video capture from webcam using HTML5.
Is it possible to capture audio and video (Audio and Video means , audio separately, video which will record the audio too [for an example say some one is singing]) from webcam using html5 and PHP or JavaScript code and store it at local pc or in a Live servers pace where I want to ?
Also if it is not possible using html5 , can anybody please suggest a solution? May be using flash or some 3rd party application which I can use in my website with no restriction!
Can anyone help?
You can rent a server with Flash Media such as www.influxis.com and develop the capture part using flash.
HTML5 supports getUserMedia, as documented at http://dev.w3.org/2011/webrtc/editor/getusermedia.html
A good article on this (including examples that actually work, with code) is available here http://www.html5rocks.com/en/tutorials/getusermedia/intro/
I have a OVG video and I would like to put that into my site. I do not know much about that file format so I am concerned how it will be with cross browser compatibility. I know that FF will play the file yet I am unsure about IE (I am only worrying about IE 8+)
What is the best way to put this file into my site? Should I use the HTML 5 <video> tag or should I use another format? I need this to work with IE 8 so I am unsure what the best route is.
Thanks!
You should use video element, with multiple source elements inside, each pointing to a different format of your .ovg file. you can generate cross-browser files at media.io or via Miro converter (download). the best way would be to degrade gracefully for older browsers, you'll want to provide some JavaScript, VideoJS is my preferred lib, you can use their embed builder tool, that'll provide the older fallbacks
For the best compatibility, you'll want to use a video hosting site and embed the Flash video into the site. If you want to host it yourself, you'll have to find a Flash video player that you can use, but I'm pretty sure most or all of those are commercial.
Otherwise you'll need to have both an H264 version (MP4) and an OGG version and include both versions in the source tag. You can then also include a fallback to a Flash embedded version.
You can find out more here.
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.
Can I embed MP4-files streaming using a flash-player? I find several places it is mentioned, but some places also mention that flash-10 might be a requirement, it might now work well for streaming etc...
Are there any limitations I should be aware of - and which embeddable flash-player works well?
Yes you can. Flash 9.0.115 is required.
Flowplayer is my favourite. Free and opensource.
MP4 files need to be encoded or fixed using a utility or server code to be fast start - the header information at the beginning of the file rather than the end.
The program to move the metadata to the front of the file is here:
http://rndware.info/products/metadata-mover.html
Use Video.Js .. http://videojs.com/ .. The best Html5 Video player.
Here are a couple of players:
MediaElement: Supports HTML5 and Flash (automatically, if browser needs it). Free and works well for basic configurations. Warning: This project has A LOT of open issues so if your configuration is having problems you're out of luck
f4player: It one of the smallest available at only 10kb and free under the GPL license. It supports flv, f4v, mp4, stream and live stream. It has not been updated in a while though.
Video.js: Don't let the super lame project name fool you. This project is awesome and the best supported of the options. We've been using it on production software for years with no issues. This is your best bet.
I think this also helpfull with video on website:
Jwplayer
www.longtailvideo.com/players/jw-flv-player/
I know also a great video player who supported MP4, Flv and MP4 format: it's KAWA Player ->
http://monmoulin.fr/kawa_player_video_flash.html
Of course, it's totally free!
here's an open source player
http://hdflvplayer.net/
for supporting MP4 videos and more amazing features!
FlashFox works well and is very small. See https://code.google.com/p/flashfox/
Download from http://flashfox.googlecode.com/svn/trunk/ and find usage information on http://v4e.thewikies.com/. You need to provide a full URL for the video, even if it's local.