My offline app works great for the most part.
I see my files have been cached in preferences > Safari.
I added this to my .htaccess file:
AddType text/cache-manifest .manifest
AddType text/cache-manifest appcache manifest
AddType text/cache-manifest appcache
AddType text/cache-manifest .appcache
My cache.manifest file is complete with all perimeters filled in.
My app launches fine, but when I try to hit the first button to continue, it tries to save data to local storage and fails to allow me to continue. If I turn my Wi-Fi on and use my offline app it works.
Solution:
It turns out you cannot have tags in your offline app. I had to put my form in as a div and use an onclick.
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'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.
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.