I'm using jPlayer and it's working in all browsers except IE 9. If i open the page from a local location as '\192....\index.html', everything works... but if i open the page from the domain name 'http://dominename/... index.html', the video doesn't works.
Anyone knows how to solve this problem?
had a similar issue on safari with mp4 files. sounds like either you didn't upload your video to the right path (but I guess you checked it several times) or your server has problems with the mime types on ie. did you set mime types in your source like.
<source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
or set mime type via .htaccess file
AddType video/mp4 .mp4
AddType video/mp4 .mov
Related
I'm trying to do a background video for a banner. When I view the page locally everything works just fine, but when I load it on a server the video won't load. I do get the fallback jpeg properly displayed but for all three video files the console shows a 404 error.
<video autoplay loop class="fillWidth" poster="img/Push-The-Buttons.jpg">
<source src="img/Push-the-Buttons.mp4" type="video/mp4"/>
<source src="img/Push-the-Buttons.ogv" type="video/ogg"/>
<source src="img/Push-the-Buttons.webm" type="video/webm"/>
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
I've triple checked all of the paths but I'm finding nothing. I've tried putting an .htaccess file in the home folder and the folder with the media, and here's what I put in it:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/mp4 .mov
AddType video/webm .webm
AddType image/jpeg .jpeg .jpg .jpe .JPG
Am I missing something here?
For me the solution was to right-click on my project in Eclipse, and correct the invalid entries in the Java Build Path.
Check if your file names are correct. File names are case sensitive on Linux but not on windows
I'm developing a WordPress site using XAMPP. I am using the html5 video tag in the header to display the video. I have the videos on the C:\ drive - not in the XAMPP installation. C:\WebVideo is the path.
I am testing in the five major browsers:
Firefox 27.0.1 which says "No video with supported MIME type found"
IE9 which just displays a big black box.
Chrome Version 32 displays the control bar as does Opera 17.
Safari 5.1.7 shows the header without a hint that video is supposed to be displayed.
So, the only clue I have is the MIME types.
I do have an .htaccess file located in the C:/xampp/htdocs/wordpress folder. This is the content of that file:
AddType video/mp4 .mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webm
I know the file is being read because when I put a bunch of nonsense in the file I get internal sever errors. When the nonsense is removed Wordpress functions correctly.
Here is the HTML I am using:
<video width="320" height="240" controls="" preload="" style="width:30%; position:absolute; float:right; ">
<source src="C:/WebVideo/my-vid.mp4"></source>
<source src="C:/WebVideo/my-vid.ogv"></source>
<source src="C:/WebVideo/my-vid.webm"></source>
</video>
The video itself is not broken it plays fine.
I've been all over the web for about 2 hours looking for some fix and come up empty handed. Anyone have any ideas?
As mentioned in comment, Safari requires QuickTime to be-installed to playback video via <video> tag (Windows only).
Also, it is suggested to provide alternative video source for fallback purpose. Even better, use libraries that has Flash player fallback, such as videoJS.
I am making a website with a video that is in .ogg and .mp4 , but for some reason when i go on my website in chrome, it doesn't play when it is hosted by hostmonster. The video works fine on the localhost, so I don't know why it isn't working.
Here is my code if it helps:
<video width="100%" height="100%" >
<source src="web.ogg" type="video/ogg" autoplay="autoplay">
<source src="web.mp4" type="video/mp4" autoplay="autoplay">
Your browser does not support the video tag.
</video>
Your code is ok, it should work on every browser that support HTML5 Video, the problem is that your server is not responding to mime-type such .ogg or .mp4. By default, Apache decides what media type to send with each file by inspecting the file's extension. The extension-type mappings are stored in the mime.types file in the httpd/conf directory. If a pair extension-type is missed then you have that problem. That's the reason why it works on localhost, but is not working on your server, differents mime.types files
If you have access to the mime.types file search this lines:
video/mp4 mp4 mp4v mpg4
video/ogg ogv
If you cannot modify your master configuration files, edit the .htaccess file located in your root directory (if not exist, feel free to create it). Add this lines:
AddType video/mp4 mp4 mp4v mpg4
AddType video/ogg ogv
I've converted an .mp4 video into .ogg and .webm formats (with ffmpeg) and used videojs to create the following web page that plays the video on all browsers (IE6-IE9, safari, chrome, opera, firefox):
http://tanguay.info/examples/testvideo
However, Firefox (12.0) does not always play the audio, depending on how the page is accessed:
Playing from file:// with the webm source before ogg, Firefox plays fine:
<source src="videos/damconnect.mp4" type='video/mp4'>
<source src="videos/damconnect.webm" type='video/webm'>
<source src="videos/damconnect.ogg" type='video/ogg'>
But playing from file:// with the ogg source before webm, Firefox plays without audio:
And playing from http:// with either ogg or webm first, Firefox plays without audio.
How can I get Firefox to play via http:// with audio?
ADDENDUM:
Also: Opera will not play the video if ogg is listed first (just spins, doesn't start).
I notice that my tanguay.info server seems to be sending a text/plain header with the .webm video, how can I change that?
ANSWER:
I added this .htaccess file to the directory where index.htm is, which fixed the problem:
AddType audio/ogg oga ogg
AddType video/ogg ogv
AddType video/webm webm
For the text/plain - edit your mime.types file (~www/conf) and add webm/video webm
Chances are you are having the same problem with ogg/ogv, add mime type ogg/video ogg ogv
Also ensure the audio codec is correct on conversion.
EDIT
Ok, I see you added it to the httpd.conf - just read this
10.5.31. TypesConfig TypesConfig names the file which sets the default list of MIME type mappings (file name extensions to content types).
The default TypesConfig file is /etc/mime.types. Instead of editing
/etc/mime.types, the recommended way to add MIME type mappings is to
use the AddType directive.
For more information about AddType, refer to Section 10.5.54 AddType.
Although I can find any argument as to why...
I have the following HTML5 video code on my homepage and it acts strange in Firefox 11.
<video width="900" height="508" autoplay="autoplay" controls="controls">
<source type="video/webm" src="http://www.mysite.com/MovieClip.webm"></source>
<source type="video/mp4" src="http://www.mysite.com/MovieClip.mp4"></source>
</video>
When the homepage on my site loads, I see in the place of the video the following error message:
"No video with supported format and MIME type found."
However, when I open up the media path "http://www.mysite.com/MovieClip.webm" directly, in a new tab, it loads the media just fine (using the internal Firefox HTML5 video player)!
Then, right afterwards when I go back to my homepage and refresh the page, it now loads the video just fine! Any ideas on why this is happening and how to fix?
Thanks in advance!
Be certain that your web server is configured to deliver WebM video as MIME type "video/webm". You can quickly and manually check if this is the case by telnetting to your web server and issuing a HEAD request:
telnet www.mysite.com 80
[after connection...]
HEAD /MovieClip.webm HTTP/1.1
Host: www.mysite.com
And finish the request with 2 carriage returns. The HTTP response header should contain a "Content-Type:" line. If it doesn't say "video/webm", Firefox won't accept your WebM file.
Regardng to Multimedia Mikes answer. If your server delivers the wrong mime type to the videos just put a htaccess file with following content into your videos directory:
AddType video/mp4 mp4
AddType video/ogg ogg
AddType video/webm webm
This worked out well.
If, please rate his answer ;)
Greetings
func0der
I am not entirely sure this will solve your problem, but we also have noticed erratic behavior with .webm movies in Firefox 11 (only on Windows): The video element's playhead automatically jumps to the end of the movie, even if you open the file explicitly, i.e. without a surrounding HTML page. This of course renders all autoplay settings unusable.
Our solution was to change the order of the sources, so that Firefox would prefer .ogg files over .webm - there was no need to change anything else in the HTML code.