on all browsers follows video plays but not on chrome.
http://www.cool-mobile-stuff.com/view.php?id=14
is there any solution? The mimetype is fine. its video/mp4 not sure what's wrong.
later i came to know that mp4 is not supported in chrome. The chrome support .webm format for videos in html5. I converted video to .webm using free converter winff and added
<source src="video.webm" type="video/webm">
to my video tag and it worked fine. Hope it can help others.
Google Chrome supports MP4; it's Chromium that does not: http://www.chromium.org/audio-video
I had a similar issue to this (except video wouldn't play at all) and found that removing the call to mediaelement.play() enabled it to work.
I still don't know why, the MediaElement demo works fine for me...! Yet I can set my own page up almost exactly the same and run it from the same server with the exact same video and it doesn't work.
Related
I have two video tag, one work fine but second give me error,
no video with supported format and mime.
This is First video tag. Which work fine and take this e.g from This Link.
<video loop controls class="popvideo">
<source src="https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4" type="video/mp4">
Your browser doesn't support HTML5 video tag.
</video>
Second video tag which is not working on desktop but work in android firefox version, and throw me error.
<video class="popvideo" loop controls id="v1">
<source src="https://video.twimg.com/amplify_video/771965608854446080/vid/480x360/J-cvquAduyhPHJmg.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
<!--<source src="https://video.twimg.com/amplify_video/771965608854446080/vid/480x360/J-cvquAduyhPHJmg.mp4" type="video/mp4;">
if i do this too nothing happen, i still get error-->
Your browser doesn't support HTML5 video tag.
</video>
i have add this to my .haccess but none helped.
AddType video/mp4 mp4 m4v f4v f4p
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv
So my question is why this is happening? if you will say Fire fox don't support mp4 then i will tell first example is taken form respected site only.
The second source that you commented out that you said "also doesn't work" has an error in it - If you look at it, there's a semi-colon before the quotes, after the mp4. When you remove the semi-colon, your video plays fine.
It then becomes:
<video class="popvideo" loop controls id="v1">
<source src="https://video.twimg.com/amplify_video/771965608854446080/vid/480x360/J-cvquAduyhPHJmg.mp4" type="video/mp4">
Your browser doesn't support HTML5 video tag.
</video>
The 'No video with supported format or mime type" error was logged as a known bug with firefox a long time ago, and fixes were suggested and it is marked as fully resolved. Have you updated to the latest desktop version? The bug was 990623 - the solutions suggested were to reload (after updating ff), by pressing ctrl+shift +r and if that didn't work, to just right click on the video and choose 'View Video', and that would play the video. The ultimate solution is to restore Firefox, it seems the issue was caused primarily by conflicts with add-ons etc. It's not ideal, because you'll have to re-install any add ons but it works (see screenshot)
So to sum up, your issue is not the video itself, it's more a firefox issue...
Hope this helps
fiddle
Check your type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'" attributes from Video Codecs
<source src="https://video.twimg.com/amplify_video/771965608854446080/vid/480x360/J-cvquAduyhPHJmg.mp4" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
Check all browser support for HTML-5 video HTML 5 Video - Browser Support
I assume it means the codec which is required to decode (and thus play) the video is available on the phone, but not on your desktop. Try another video or encode yours with an open source codec which supported by Firefox out of the box.
Also, note that the filename extension is practically meaningless for videos - it is merely a container format. The actual encoding of the contents in the container is what matters - and it, in turn can vary wildly.
I'm having an issue with getting local videos working for the HTML5 Video element.
If I try and view a local OGG or WebM file directly, in Firefox 16.0.2 it works, but in chrome 22 it does not work!
However, if I view an OGG file on another webserver, it works correctly.
For example this file
http://www.quackit.com/video/pass-countdown.ogg
Works correctly for me, but if I save it onto my own server as
http://test.jammaloo.com/pass.ogg
Then it works in Firefox, but Chrome will not play it.
I believe the mimetype is being set correctly, can anyone help me track down the issue?
First of all try with adding support for more video types
Link - http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html
video id="sampleMovie" width="640" height="360" preload controls
<source src="HTML5Sample_H264.mov" type='video/mp4;' />
<source src="HTML5Sample_Ogg.ogv" type='video/ogg;' />
<source src="HTML5Sample_WebM.webm" type='video/webm;' />
video
Second check your .htaccess file for content type - add mime type for webm, ogg, mp4
Link - http://docs.sublimevideo.net/troubleshooting
Link - http://www.htaccess-guide.com/adding-mime-types/
These solved my problem of playing video in HTML5 video tag. Hope it helps you too.
As i checked in the CHROME your content is not getting loaded with correct "TYPE"
If applicable (and nothing works) you can use- http://www.longtailvideo.com/players
I am trying to put some music on my website, so I have decided to use the HTML5 balise, . I learned that I must use .mp3 + .ogg if I want the player works on most of the browsers. So I made this :
<audio controls="">
<source src="http://maxinthebox.fr/files/167d9a8aaf49fbf1bc226045c8f6920e.ogg"/>
<source src="http://maxinthebox.fr/files/3d4fafe76fbbfd5cba1b5ec181a35b94.mp3"/>
</audio>
It works perfectly with Chrome or Safari, even if I put only the .ogg or the .mp3 either.
But with Firefox, no way! I have tried to open only the .ogg, but Firefox shows me a video player.
I have searched the web, but I haven't found any solution which works.
So if you can help me to resolve my problem, it would be great !
Thank you in advance !
EDIT: The problem was not from Firefox, not from the .ogg file but from me !
I had a .aif file that I re-encoded with VLC in order to make a .ogg file. And when it asks me if I want to transcode the audio, I checked MP3 instead of Vorbis ! But with your help, I realized my mistake ! Thank you a lot !
Try specifying the type attribute:
<source src="http://maxinthebox.fr/files/167d9a8aaf49fbf1bc226045c8f6920e.ogg" type="audio/ogg"/>
Else, it is a mime-type issue, with your web-host, causing the video player to open instead. See this answer.
EDIT:
The ogg file itself may not be compatible with firefox. Check with some of the samples here, to identify if it is a server-issue or an ogg-file issue.
https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
I have searched around quite a bit but have not solved my problem.
I have a video tag running as follows:
<video
class="ne"
src="{{ page | video_url }}"
muted="true"
volume="0"
controls
width="720"
height="480"
poster="{{ page | video_poster_image_url }}"
type="video/mp4">
</video>
I am using Jekyll for the URLs. They work fine.
The site is live at switzerlandllc.com. Click any video in FF and it shows an image and an X. Chrome and other browsers work fine.
If you grab the source of a video and load it in a new tab it plays fine. At least it does for me.
I have added:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
to my htaccess file. I suspect that I don't need the .ogv or .webm.
I don't understand why loading the video URL will play the videos fine but loading the video into a video tag fails.
Any ideas?
This is caused by the limited support for the MP4 format within the video tag in Firefox. Support was not added until Firefox 21, and it is still limited to Windows 7 and above. The main reason for the limited support revolves around the royalty fee attached to the mp4 format.
Check out Supported media formats and Media formats supported by the audio and video elements directly from the Mozilla crew or the following blog post for more information:
http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/
I can confirm that mp4 just will not work in the video tag. No matter how much you try to mess with the type tag and the codec and the mime types from the server.
Crazy, because for the same exact video, on the same test page, the old embed tag for an mp4 works just fine in firefox. I spent all yesterday messing with this. Firefox is like IE all of a sudden, hours and hours of time, not billable. Yay.
Speaking of IE, it fails FAR MORE gracefully on this. When it can't match up the format it falls to the content between the tags, so it is possible to just put video around object around embed and everything works great. Firefox, nope, despite failing, it puts up the poster image (greyed out so that isn't even useful as a fallback) with an error message smack in the middle. So now the options are put in browser recognition code (meaning we've gained nothing on embedding videos in the last ten years) or ditch html5.
Why video on this page and this page working in all browser but not in Microsoft Internet explorer 9?
Any fix for it?
This video is not playing on My IE 9.0.8112.16421
My OS is Windows 7 64 bit
Some versions of IE9 require an absolute path to the video file for some reason.
For example:
<video poster="big_buck_bunny/poster.jpg" controls>
<source src="http://www.example.com/big_buck_bunny/trailer.mp4" type="video/mp4" >
<source src="http://www.example.com/big_buck_bunny/trailer.webm" type="video/webm">
</video>
The MIME type returned by the server is also quite important as Jason Dorell said.
I was using <video> tag on a website and while writing it in localhost everything worked perfectly. Once uploaded into the server, the <video> stopped working only in IE (Firefox and Chrome still worked fine).
After digging a bit into it, I simply added AddType video/mp4 .mp4 into the .htaccess file and that solved the problem.
the problem maybe the type of file try with this:
<video poster="big_buck_bunny/poster.jpg" controls>
<source src="big_buck_bunny/trailer.mp4" type="video/mp4" >
<source src="big_buck_bunny/trailer.ogg" type="video/ogg" >
<source src="big_buck_bunny/trailer.webm" type="video/webm">
</video>
big_buck_bunny/trailer.* is your video
It could also be an error in the compatibility detection : Just a theory =X
Taken from: videojs: main.js (line 249-255)
// Check if the browser supports video.
browserSupportsVideo: function() {
if (typeof VideoJS.videoSupport != "undefined") { return VideoJS.videoSupport; }
VideoJS.videoSupport = !!document.createElement('video').canPlayType;
return VideoJS.videoSupport;
}
Cause the fallback to flash is i believe, quite reliable, after this detection. I do not have IE 9.0.8... : So you could give this code a run, to see if this is true/false
var test = function() {
return (!!document.createElement('video').canPlayType);
}
If this is true, i may consider forking the file : And adding a fail for IE 9.0.8...
It would not surprise me if IE did a half-hearted video support halfway : And this means of detection broke, in the process.
I have exactly the same issue. The two example pages you linked to let me click the play button which then changes to a pause button but the videos do not play.
The java script i tried to help track down the issue returns null.
alert(document.getElementsByTagName("video")[0].error);
I did stumble upon this though:
I'm using the N distribution of Windows 7 64Bit. This msdn page suggests that the reason that my IE9 will not play video is that my distribution of windows did not come with media player or "Media Features" is turned off.
Hope this helps.
If it's still not working here's what may certainly be a solution: encode the mp4 with compression format H.264. If you encode it with format mpeg4 or divx or else it will not work on IE9 and may as well crash Google Chrome. To do that, I use Any Video Converter freeware. But it could be done with any good video tool out there.
I've been trying all solutions listed here and tried other workaround for days but the problem lied in the way I created my mp4. IE9 does not decode other format than H.264.
Hope this helps,
Jimmy
Make sure the content type being returned from the server is "video/mp4"
Sometimes the problem could be in the installed video codecs, and different browsers may play video in different ways (from the point of inner implementation).
Try to install e.g. K-Lite codec pack and see what happens.
p.s. those videos work fine on my Win 7 x64 within IE9 x86 and IE9 x64
In IE9 There is no flash video but a HTML5 <video> element used, it tries to load:
http://www.bodhibikes.com/_/video/WELCOME_TO_BODHI_840_472.mp4
And that fails somehow. You should specify a correct videoformat for both IE/Chrome?etc...