In the below code the video is working on ie, chrome and mozilla
But the video is not supporting on mobile
What is the solution friends help me:
<video width="400" height="360" autoplay loop>
<source src="http://www.example.co.in/videos/trytek.mp4" type="video/mp4">
<source src="http://www.example.co.in/videos/trytek.ogg" type="video/ogg">
</video>
Which mobile OS (and version), and which mobile browser (and version) are you using?
1) Not all video types are supported by all mobile browsers:
HTML5 Video Element Browser Support
2) You may require special handling to run the video:
Android < 2.3 HTML5 Video handling
Let me know how it goes.
Related
I have created a mp4 video and called it in the below html5 video tag as follows
<video width="100%" autoplay="" loop="">
<source src="http://beta.jointviews.com/testbytes/wp-content/themes/zerif-lite/videos/testbytes.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
the video works fine in mozilla and chrome but not in safari and mobile devices specially on androids and ipod,ipads{i could check only in these)
i have read in the link that safari supports mp4 but it is not
here is the fiddle
http://jsfiddle.net/Lqaro0vr/
i have used the following code for html5 video in android browsers,
<video id="v1" autoplay preload="true" width="720" height="576" >
<source src="videos/bj.m4v"/>
<source src="videos/bj.webm" type="video/webm" />
<source src="videos/bj.ogv" type="video/ogg" />
</video>
Please help me how can we play html5 videos in all android devices.
how to play a html5 video in iphone browser. mostly the videos are playing in the default player but i want the video to be play in the browser itself.
thanks in advance..
You can't play video backgrounds in smartphone browsers.
Most mobile browsers aren't compatible to HTML5.
You should put an image as background using #media
http://css-tricks.com/css-media-queries/
http://www.w3schools.com/css/css_mediatypes.asp
i have a video file (avi with avc+mp3). Is it possible to play this via the HTML5 video-tag?
i have tested it in Internet Explorer 9 but it will not work! Is it because the audio codec mp3 is not supported or is it the "video Codec-Profile "HighL3.0"?
Edited to fix misunderstanding
I suggest you do some reading about the ongoing codec wars, or look at this table. Basically, some browsers accept only videos with a MP4 container, H.264-encoded video, and AAC-encoded audio (low-complexity profile); some browsers accept only videos with a WebM container, VP8-encoded video, and ogg-vorbis-encoded audio.
MP4/H.264 seems to be winning the war, but at the moment you'll need both for complete browser support.
Modern browsers which support <video> use WebM, MP4/H.264 and OGG video format. So you can't use AVI for HTML5 video. There is no unique format which is supported by all browsers. The only solution is to convert file to supported formats and use <video> like this:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4"> <!-- IE, Chrome, Safari, Android -->
<source src="movie.ogg" type="video/ogg"> <!-- Firefox, Chrome, Opera -->
<source src="movie.webm" type="video/webm"> <!-- Firefox, Chrome, Opera, Android -->
Your browser does not support the video tag.
</video>
I’m using this code in Google Chrome and the video is working well, but in Firefox (version 11) it’s not working.
How can I make it work in Firefox?
<!DOCTYPE html>
<html>
<body>
<video width="300" height="200" controls="controls">
<source src="http://localhost/javascript/test.mp4" type="video/mp4" />
</video>
</body>
</html>
Firefox doesn't support mp4 as encoding for the video. Have a look at MDN for a compatibility table.
You would have to provide additional encoding for Firefox to work (like this example taken from MDN as well):
<video controls>
<source src="somevideo.webm" type="video/webm">
<source src="somevideo.mp4" type="video/mp4">
I'm sorry; your browser doesn't support HTML5 video.
<!-- You can embed a Flash player here, to play your mp4 video in older browseres -->
</video>
UPDATE 01/19/2016:
Now Firefox supports mp4 video formats. So this question should be automatically answered because of update by Firefox browser. Please let us know if your video still does not work.
Since version 4, Firefox only supports WebM, VP8 and Vorbis video format. (Firefox 3.5 supports Ogg, Theora and Vorbis.)
See:
https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements.
http://diveintohtml5.info/video.html#what-works
You’ll need to create another version of your video in a Firefox supported format, and add another <source> element for it.
For an example, see:
http://diveintohtml5.info/video.html#example
On this site, the video doesn't play in FF. But it does play in Chrome. Is there anything I need to add?
<video width="580" height="318" controls poster="link to poster">
<source src="link to video">
Your browser does not support the HTML5 Video tag. Please update to a modern browser.
</video>
In your site's source:
<source src="/wp-content/themes/bigframe/media/bigframe_reel.mp4">
Firefox doesn't support mp4 videos for HTML5 video.
You can add additional sources (WebM, OGG), and fallback to a Flash player. See this table for compatibility.
You can solve the problem by providing video or audio encoded in different formats for different browsers.
<video controls>
<source src="foo.ogg" type="video/ogg">
<source src="foo.mp4" type="video/mp4">
Your browser does not support the <code>video</code> element.
</video>