I have encoded a video with H.264 using handbrake all the standard settings for "iPhone & iPod Touch" and enabling Optimize for Web as I have been told this adds metadata so the video can be streamed. This does seem to work, but I am getting no video, just audio.
Here is the mp4 file in question.
http://c1592452.cdn.cloudfiles.rackspacecloud.com/videos/36/original/deloitte.mp4
When played in quicktime it works fine, but flowplayer seems to have an issue with it. Am I encoding the video wrong?
When using RTMP you dont need to include the file name but you need to append mp4 to the start, so it'll look like
clip: 'mp4:/videos/36/original/deloitte'
Related
I am developing a pair of websites (podyplomie.pl and magwet.pl).
On both of them we have added a video player (JWPlayer).
I am almost sure flash player on both of them was working in the beginnig but now I can play the video (in flash) only on one of the sites (podyplomie.pl).
The other site is missing flash player in the list of navigator.plugins. Both sites are very similar so it's quite strange that one of them 'contains' the flash player and the second doesn't.
Has anyone got an idea what is wrong ?
The video urls are eg:
Video on magwet.pl
Video on podyplomie.pl
You don't have any Flash video (.FLV). Your videos are in .MP4 format. Chrome browser can play MP4 with it's own decoding engine (no need for plugins like Flash). JW Player is seeing MP4 given as video source so it talks to browser not plugin...
PS: To force Flash plugin usage then provide an .flv file or rtmp:// link.
I am making a system that I run on localhost, it embeds a video player and all works fine except for webm videos on Chrome. They freeze regularly and I can only get them running again by pressing play/pause and moving to the initial phases of the video.
I have been googling for this issue and trying to solve it for some time now without success, does anybody know how to solve this?
Is your same WebM file working ok on Firefox? I assume you are using HTML5 video.
I have compiled a short check list on how to troubleshoot HTML5 video playback issue here. Try to play the videojs webm sample to see if it works.
Given the description of your issue I guess it is either a non proper WebM file or a server side tuning issue (like with mime types).
If it is a file format issue you could try re-transcoding from a known good source (ie not the problematic WebM file) with firefogg.
You can also try to set the preload attribute of your HTML5 video tag to auto.
I am rendering video as MP4 (H.264) using Expression Encoder. I am choosing the H.264 Screen Encoding VBR profile. It produces an .mp4 file that I can play on my computer (I'm on Windows 8 RTM) using Media Player and when I put it on my site I can see the video play in Google Chrome, but it won't play in IE10. Any reason why not or how to go about troubleshooting this?
It could be a lovely IE10 bug as described here...
http://social.msdn.microsoft.com/Forums/en/iewebdevelopment/thread/d62f0aa3-76d1-4d3a-b0a6-bb3731402f83
I think the short of it - if you have specified the codec parameter as you should do eg:
IE10 throws a wobbly. If you strip the codec declaration out it should work. Not sure what the repercussions of this might be though
I'm trying to embed video playback on a website, using HTML5 video tags.
For some example mp4 files I found, the video plays well on both IE9 & Chrome,
but when I use mp4 files converted from avi/mkv files I have - The video plays only on Chrome, while IE9 refuses to play it.
I've tried several video conversion tools:
HandBrake, Miro Video Converter, Freemake Video Converter.
All produced mp4 containing H. 264 video & AAC audio - And all works well on Chrone.
I also tried playing around with IE9 multimedia/security options - but nothing has changed.
Well, I read about IE9 having a bad support for video playback and html5 in general, but still - it's clearly stated that mp4 is supported for all h264 profiles.
As you can understand - I have a priority for this website to work well on IE9 - So I'd appreciate any tips here.
I have the same issue and found out that it's the combination of Miro Video Converter, videojs and IE9:
When I convert with EasyHTML5video and standard settings (you cannot change any setting) everything ik OK and plays is IE9 with videojs.
When I convert with Miro Video Converter and standard settings (you cannot change any setting) IE9 doesn't play and has a VIDEO OBJECT error.
I've compared the 2 outputs and I think it's only the audio that is different. Miro is 2 channel 48Khz and EasyHTML5 1 channel with 16Khz.
I hope to find the right conversion tool, Miro is better quality than EasyHTML5video, but maybe there is the problem.
My suggestion would be using a plugin which utilizes feature detection such as VideoJS
It will provide the necessary fallback to flash if the video will not display correctly on the browser
Follow the instructions on http://videojs.com/ should be straightforward
I'm trying to include a HTML5 video player on a site.
I've got the following code:
<video id="player" controls="controls" width="100%">
<source src="http://trailers.apple.com/movies/paramount/captainamerica/captainamerica-tlr1_h.480.mov">
</video>
This works in Safari, but not in Chrome and Firefox, is the .mov encoded in a weird way that doesn't allow them to be used like this? trailers.apple.com which uses the same URLs work fine in their player.
The probability that on apple's site they have multiple links to different encoded movie files. They do this because there is no current movie format that works across all major browsers.
Also just because the URL is the same doesn't mean that the same video is being served up on apples website... They could be doing some URL mapping magic to get a correct video format.
look at this link for a good current table of support per codec
http://diveintohtml5.info/video.html#what-works
Apple only serves up their videos in the MOV format. This means that only Safari can watch the videos since it is the only browser that uses Quicktime in its HTML5 video implementation. If you try opening the file directly in Chrome you should either see it download or the Quicktime plugin kick off.
I personally don't have Quicktime so when I go to the Apple trailers site, I get a link to download Quicktime and can't proceed any further without doing so.
captainamerica-tlr1_h.480.mov is just a .mov file that redirects to captainamerica-tlr1_h480.mov But it still won't work in browsers that doesn't use Quicktime for <video>. You have to set User-Agent to "Quicktime" for trailers.apple.com.
other browsers doesn't understand .mov, quicktime does. you need to serve up separate files for safari. you can generate needed files with nero or in-browse via media.io.