I'm using video-js player for .webm, .mp4 videos, in all players is working fine but not on Mac Safari 6 (didn't test other versions).
I have MIME type in my .htaccess file for webm and mp4.
Does anyone have some experience with this?
Thanks
Note: Videos are working well on my local server, just online is problem.
Related
below are 2 video files uploaded in aws. it will play in chrome or firefox etc, but wont play in safari
https://s3.ap-south-1.amazonaws.com/apppreprod/Vid_637768063547139404.webm
https://s3.ap-south-1.amazonaws.com/apppreprod/Vid_637745132425435217.mp4
The issue is that safari wont play videos uploaded into blob storage like aws.
recomended solution is to save the video in other server and it will play in safari.
The two links you provide can be opened in other browsers. I tested it with an iPhone, and found that it could not be opened in the safari browser, but the other three-party iPhone browsers can. After checking the Apple official website, it is certain that the safari browser of the iPhone supports the MOV video format.
suggestion:
When uploading a video, the video can be converted and stored as needed
I'm testing the Firefox Simulator recently, and I noticed that for the add-on simulator the Gallery reads the pictures from /pictures on my pc, and Video reads the videos from /videos as well.
Later I ran the simulator on my mac, it can get music from /itunes, pictures from /users/username/pictures but I don't know where to put the video files for the simulator to read. I have tried the fake-sdcard folder and /users/username/movies, they both didn't work.
Thank you.
you can put .mp4 or .3gp videos in any point of the fake-sd folder
this should work
I tried searching for a solution to this and within three days of browsing the forum I could't find any help.
This is the link where I have my video:
http://www.aguacatesjbr.com/English/Company/company.html
I believe the code is correct because I replaced my source video with the Oceans-Clip video provided by the site. The Oceas-Clip video CAN PLAY on FireFox and IE but not my original video. However, if I type in directly the address of my video it DOES render on FF and IE.
I don´t think it is size problem because I was testing it with a video that weights 4.20MB.
I am having this problem with IE and FireFox in both PC and MAC. Android and Apple devices work perfectly as well with Chrome and Safari.
First of all, you need to serve the videos with the correct mime type, which is video/mp4 for H.264 in mp4, and video/webm for WEBM. See MSDN, MDN.
Right now you serve the .mp4video as video/mpeg.
Then, I your page has a source for video/webm pointing to http://www.aguacatesjbr.com/Videos/JBR_video.webm, which does not exist at the time of writing. Fix that.
Firefox can play back H.264/mp4 on certain platforms only. For a list of currently supported platforms and video support in Firefox in general see "Supported media formats".
Lastly, there will be warning messages regarding video load failures in newer Firefox versions. E.g.:
[20:35:11.515] HTTP "Content-Type" of "video/mpeg" is not supported. Load of media resource http://www.aguacatesjbr.com/Videos/JBR_video.mp4 failed. # http://www.aguacatesjbr.com/English/Company/company.html
[20:35:11.515] All candidate resources failed to load. Media load paused. # http://www.aguacatesjbr.com/English/Company/company.html
I am having a very frustrating issue with HTMl5 video and safari/mac.
I am using html5 video throughout the site where needed and it works/plays on every browsers bar safari on a mac (its fine on safari windows and chrome mac for example)
The videos dont stream and only play once the entire file is downloaded. At first I thought it may be to do with the index of the file being at the end and not the beginning (link html5 video = safari wants to download it all) so i tried qtindexswapper but when loading the MP4 into the program it said the MOOV/Index was in the correct position.
Anyone have any idea why safari mac has this issue?
A.
I've seen HTML5 be very picky with videos. They may play fine in a player, but not play or maybe play with no audio once embedded. This is usually due to a video not properly created/formatted. In most cases, re-creating the file in a professional level program alleviates the issue.
I got this audio link in my html5 document:
<audio
src="http://sverigesradio.se/topsy/ljudfil/3017771.m4a"
type="audio/mp4"
controls="true"
preload="metadata"
title="Senaste sändningen från Radiosporten">
Senaste sändningen från Radiosporten</audio>
It renders properly in chrome, but in FF4 it first flashes the controls normally and then I get a big "X". In safari, it seems to hang while reading metadata.
Is there a problem with my audio-tag or with the audio-file? Is the redirect a problem?
Firefox doesn't support MP4 audio, it supports OGG audio only.
See this page for Audio support:
http://html5doctor.com/native-audio-in-the-browser/
UPDATE: concerning m4a format (which is AAC as far as I know), Safari and Chrome should support it, maybe even IE9, but no others.
You might find some useful info here (talks about video, but video also needs audio codecs): http://diveintohtml5.ep.io/video.html
UPDATE 2: And a more up-to-date table posted by Tom Gullen.
Firefox doesn't support mp4, but you can use PCM audio standard like .WAV that supports firefox, safari & chrome.