I'm trying to use the new fancy html5 video player element and I was wondering:
I encoded a high resolution .mov container in VLC v1.1.9 to WebM format (although an FFMPEG command line would be extremely valuable if you have one handy) and it plays just fine in Chrome, but it won't open in Firefox. Would anyone have any ideas or in what direction I should be looking?
I had this problem and the fix was to change the apache server config to associate *.webm files with the video/webm mime type. This was done by creating a .htaccess file, or could be done in the apache mime types config.
Related
If I compress and save an image as WebP and then rename the extension as jpg will there be any downsides? This is why I ask:
My blog doesn't support WebP format, however if I rename it to png or jpg it will accept it.
What's the possible downsides on this trick?
As of December 2020, all major browsers support JPEG, but not all fully support WebP [https://caniuse.com/webp]. Users of browsers without WebP support won't see the images when visiting the page, so this might be why your blog platform doesn't accept WebP files.
Another downside: if someone downloads an image, the downloaded file will still have the ".jpg" extension despite being WebP format. Many programs depend on file extensions to know how to open it. They will try to decode it as JPEG, but fail, since the file is WebP.
I just change the name from .webp to .jpg and I have never had a problem. Obviously, you have to set your file manager (File Explorer) to be able to view the file name extensions.
Using mediaElements.js, my video and audio test work fine in Safari/Chrome on the Mac but not in Firefox (14.0.1). See:
http://global-arts.4pixels.co.uk/global-arts-kingston/events-detail-mediaElement.html All the controls load and when you hit play it looks like it's loading, but then that stops and nothing plays.
To see if my .ogv and .webm files work I have a version of the page without MediaElement.js which is here:
http://global-arts.4pixels.co.uk/global-arts-kingston/events-detail.html and it loads OK, though in Firefox it takes a while to load. My .htaccess file has all the correct filetypes.
Having tested with video.js and still finding it didn't work in Firefox, I found it worked locally. Solution was to re-order the stack in .htaccess to have .webm first:
AddType video/webm .webm
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/x-m4v .m4v
Only took a weekend to find the problem :-S
The mimetype settings look like this:
mimetypes: ['audio/*'],
Firefox on windows 7 cannot upload mp3 files, other browsers work fine. They get the "not audio file" error.
Is this a bug with filepicker?
Most likely this is an issue with the way that firefox is reporting the mimetypes of mp3 files - I'd recommend trying filtering by extension instead. There are times when mimetypes are more appropriate and times where they break down due to differing implementations, which is why we provide both mechanisms.
I am trying to use the mediaelement.js library with Drupal. When I install the mediaelement drupal module and js library I am able to play MP3 files on all browsers except Firefox. It appears there is an issue with the Flash Fallback. But on the mediaelement.js page I see the MP3 player working in FF.
How can I diagnose this issue? What steps can I talk to find out if it is this version of the JS library, the Drupal module, or something I am doing.
I had the same issue, there are 2 things I suggest:
Add MIME-Type:
Add new mime type for your media types into your server config or directly in .htaccess
E.g. in my case I added
AddType video/mp4 .mp4
at the end of .htaccess to make it work in FF
Make sure that mediaplayer is initialized correctly and that all paths are set
up correctly. Check pluginPath and flashName properties.
Check http://mediaelementjs.com/#installation for more info.
I have the following code:
<video width="640" height="360" controls id="video-player" poster="/movies/poster.png">
<source src="/movies/640x360.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="/movies/640x360.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
I'm using Rails (Mongrel in development and Mongrel+Apache in production).
Chrome (Mac and Win) can play either file (tested by one then the other source tags) whether locally or from my production servers.
Safari (Mac and Win) can play the mp4 file fine locally but not from production.
Firefox 3.6 won't play the video in either OS. I just get a grey cross in the middle of the video player area.
I've made sure that both Mongrel and Apache in each case have the right MIME types set.
From Chrome's results I know there is nothing inherently wrong with my video files or the way the files are being asked for or delivered.
For Firefox I looked at https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox where it refers to an 'error' event and an 'error' attribute. It seems the 'error' event is thrown pretty well straightaway and at that time there is no error attribute. Does anyone know how to diagnose the problem?
The HTTP Content-Type for .ogg should be application/ogg (video/ogg for .ogv) and for .mp4 it should be video/mp4. You can check using the Web Sniffer.
Add these lines in your .htaccess file and it will work for all browsers. Works for me.
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
If you dun have .htaccess file in your site then create new one :) its obvious i guess.
Incidentally, .ogv files are video, so "video/ogg", .ogg files are Vorbis audio, so "audio/ogg" and .oga files are general Ogg audio, so also "audio/ogg". Checked in Firefox and work. "application/ogg" is deprecated for all audio or video uses. See http://www.rfc-editor.org/rfc/rfc5334.txt
I see in the documentation page an example like this:
<source src="foo.ogg" type="video/ogg; codecs="dirac, speex"">
Maybe you should enclose the codec information with " entities instead of actual quotes and the type attribute with quotes instead of apostrophes.
You can also try removing the codec info altogether.
Just remove the inner quotes - they confuse Firefox. You can just use "video/ogg; codecs=theora,vorbis".
Also, that markup works in my Minefiled 3.7a5pre, so if your ogv file doesn't play, it may be a bogus file. How did you create it? You might want to register a bug with Firefox.
Just need to change one letter:),
rename 640x360.ogv to 640x360.ogg,
it will work for all the 3 browers.