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
Related
So I've read countless posts about this issue as it seems to be a common one but I've tried everything and I can find.
Here is the html
<video toggle-play autoplay loop>
<source src="url.ogg" type="video/ogg">
<source src="url.webm" type="video/webm">
<source src="url.mp4" type="video/mp4">
</video>
I've added these MIME types to my .htaccess
AddType video/mp4 .mp4
AddType audio/mp4 .m4a
AddType video/mp4 .m4v
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/webm .webm
I've tried changing the order of the different sources. I verified the video is using the H.246 codec for video and AAC codec for audio. I also made sure that my server isn't Gzipping the files it gives me.
The video works on all other browsers and all versions of IE in windows 10. Unfortunately the client needs it to work in windows 7.
Here is a working copy of the video if you want to look at it
http://ac.anthonyvespoli.com/html/home/home.html
Starting to get pretty frustrated. At the moment a flash fall back is not an option. Please help :)
The format .ogg and .webm don't work in IE check http://caniuse.com/#search=video
but .mp4should ... try comment the other one .. anche check better if the codec is the codec MPEG-4/H.264
I found out that even though the codec was MPEG-4/H.264 that it was AC1 which apparently is not supported out of the box in windows 7. Converted the file to .avi and it works fine.
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
Using VideoJS I'm having issues with the webm format failing to play back in Firefox.
After researching this issue here I made the appropriate changes to my htaccess file. That fixed ogg and ogv playback, but not webm. I've tested the webm video file itself and it plays back fine in VLC player.
The mp4 format and flahs formats work great. Thanks in advance for any ideas on this.
htaccess:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .web
HTML excerpt:
<video id="abacus_holiday_video" class="video-js vjs-holiday-skin" loop autoplay controls
preload="auto" width="640" height="390" poster="my_video_poster.png"
data-setup="{ }">
<source src="abacus_holiday.webm" type='video/webm'>
<source src="abacus_holiday.mp4" type='video/mp4'>
</video>
.htaccess maps extensions to mime types. Your extension in the code i.e. on the end of the src attribute is .webm but your mime type mapping is .web so there is no match.
Either change/add a mapping in htaccess for webm i.e.
AddType video/webm .webm
or rename the file to .web.
The former seems best FWIW.
I am trying to show some videos on a website using HTML5. On my local copy the video work perfectly on every browser (ie...Chrome - Version 19.0.1084.56, Safari - 5.1.7 and FireFox - 13.0.1.) However, once I push the video to the live site FireFox seems to stop working. All I get is text stating, "No video and supported format and MIME type found." I have look all over the web and can't not seem to figure this out.
So far I have tried:
1.) Changing the order of the video sources(Moving FireFox video type to the top).
2.) I have reloaded the videos to the live website.
3.) Added the 'Codecs' to the file time. Nothing seems to work. Am I missing something? The only difference I can see is the live site is (https://). However that shouldn't matter. Any ideas or help would be awesome!
<video width="685" height="451" controls preload="none" poster="/video/office_safety.jpg" id="video">
<source type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"' src="/video/office_safety.mp4" ></source>
<source type='video/ogg; codecs="theora, vorbis"' src="/video/office_safety.ogv"></source>
<source type='video/webm; codecs="vp8.0, vorbis"' src="/video/office_safety.webm"></source>
</video>
maybe you need to add mime types to htaccess file:
#AddType TYPE/SUBTYPE EXTENSION
AddType audio/mpeg mp3
AddType audio/mp4 m4a
AddType audio/ogg ogg
AddType audio/ogg oga
AddType audio/webm webma
AddType audio/wav wav
AddType video/mp4 mp4
AddType video/mp4 m4v
AddType video/ogg ogv
AddType video/webm webm
AddType video/webm webmv
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