I cannot get this video to play in Firefox 4.
http://m1.animedlc.com/webm_test/
It plays fine in Chrome. I haven't tried anything else besides FF4 and Chrome. I converted it from a avi file. Any idea? Thanks.
A little more research told me to add AddType video/webm .webm to my .htaccess and that worked fine.
Related
please refer to the following URL:
full screen video link
I have my .htaccess configured as follows:
AddType video/m4v .m4v
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
However the video still does not play in Chrome or Firefox. In the console there is written Video Error. In IE it plays OK though.
Can anyone help me please as I am lost on this?
Check Browser compatibility at
https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats#Browser_compatibility
For cross-browser solution, you need to use ogv and webm format too
Turned out it was a limitation on my laptop. Maybe an old video card which could not render the video correctly. On other newer systems it played fine. I just added a fallback image in cases where the video is not supported.
I am completely new to VideoJs and media streaming on web pages, so please forgive me if the answer to this is obvious. I uploaded an MP4, OGV and WEBM file to www.sell2trade.com.au. If you view this page you will see that the video on the RHS works in Firefox, has an unsupported error in IE11 and plays the audio only in Chrome!! I downloaded the VideoJS sample and followed it diligently (I think!!) What on earth am I doing wrong!
Thanks for any help as tearing what little hair I have left out :)
The MP4 you're using doesn't appear to be compatible with Chrome. You can go directly to the mp4 url in chrome and see the same audio-only issue. You should try a different encoder, like Zencoder (paid service that I helped build) or Handbrake.
Also it looks like you swapped out the url for the video.js swf for a different swf that plays your video. That's not gonna work. You need to use the swf that's included with video.js.
I've been building a website that uses HTML5 video. I started testing with Browserstack and everything looked good, until I got to Windows 7 IE10. Any video element simply wont load the .mp4 on Browserstack. It just shows a blank screen.
Examples of sites when testing:
http://html5demos.com/video
http://www.videojs.com/
Has anyone experienced this on Browserstack or is this a real Windows 7 IE10 issue?
I also have the same problem and contacted Browserstack.
They are aware about the problem and looking for a way to fix it (it is not as simple as somebody forgot to install something). Currently it works fine on Win 8 in IE10.
This is not a real issue on windows 7 in IE10.
BrowserStack has acknowledged this as an issue when testing IE 10 and 11 on Windows 7.
HTML5 videos work on all remote browsers, with the exception of Internet Explorer 10 and 11 on Windows 7.
Source: https://www.browserstack.com/question/649
HTML5 video does play fine on Windows 7 with IE 10 and 11. I can also confirm Sauce Labs doesn't have any issues playing video.
This Problem is not related to Browserstack Win7 IE10 , even on physical machine i am facing this problem . This is due to Content type add these.
If your hosting is served on a Linux/Apache web server, often you can add MIME types to an .htaccess file and upload it to your remote site's root folder.
Video:-
AddType video/mp4 .mp4 .m4v
AddType video/ogg .ogv
AddType video/webm .webm
I am trying to get a .m4v video to play in IE9 using html5 video tags. When I play the video from a remote location it works fine:
<video src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" controls="controls">
</video>
But when I want to play it from my server...
<video src="Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" controls="controls">
</video>
...it only works in Chrome and not in IE9.
What could cause the video not to play when located on my server?
Many thanks,
Chris
I have found the problem. IE9 RC was seeing the video as plain/text and not video/m4v so it was not able to play. Chrome and IE8 read the file correctly.
Adding AddType video/x-m4v .m4v to my htaccess made sure IE9 RC was able to read it as a video/mp4 file.
Crazy eh?
In order for your server to associate the correct MIME types with the application, you will need to include the MIME types into your htaccess file.
Here is an example of several MIME types that you can include within your .htaccess file:
#Video MIME Types:
AddType video/m4v .m4v
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
In addition to needing the server to send the correct Content-Type header for the requested video file itself, you should consider using a child <source> tag instead of the src attribute, eg:
<video controls="controls">
<source src="Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" type='video/x-m4v; codecs="..."'>
</video>
That will allow you to specify up-front the actual video type information so the browser can decide whether to even download the file at all. As well as give you flexibility to offer additional video types later on, if desired.
Into this dir there are :
OGV video (Theora/Vorbis) for Firefox
MP4 video (H264/AAC) for Safari
FLV video with a flash player (player.swf) for others browsers
a template.html which contains a snippet coming from Video for everybody
a .htaccess to add the new types of video
Locally the video is correctly displayed on all browsers.
But online Firefox doesn't display the video and ask for a download. Though the mime-type is correctly set in my .htaccess.
Any idea to fix this problem on Firefox ? (I use 3.5.3 release on Windows).
Thank you. :)
Note: it sounds that this problem doesn't appear on Ubuntu.
Edit : my Firefox installation was bugged. Now it's working correctly. Thank you Rudism. :)
It may be worth trying it in Google Chrome which support video/ogg as well. May help you debug...