<video height=600 width=800 controls >
<source type="video/mp4" src="video1.mp4"/>
<source type="video/ogg" src="video1.ogg"/>
<source type="video/webm" src="video1.webm"/>
</video>
I've added mime type video/mp4 on iss.
in chrome this video working.but it dosnt work in iexplorer10.can you help?
Most of the video types are not supported by IE various versions. Check here:
http://caniuse.com/#search=video
Related
I using a simple HTML5 to play mp4 file but it says this file is not supported only on microsoft edge
I have followed this link https://learn.microsoft.com/en-us/microsoft-edge/dev-guide/html5/video here is my code:
<video width="500" height="300" controls autoplay loop>
<source src="video/video.mp4" type="video/mp4" />
<source src="video/video.webm" type="video/webm" />
<source src="video/video.ogv" type="video/ogg" />
Your browser does not support HTML5 video.
</video>
It works fine on opera, chrome and firefox
There is the possibility the mp4 file is in the newer H265 / HEVC format which is not supported in Windows 10, Edge or the Movies and Photos App
If the title of the mp4 file contains H265 or HEVC, then you will need to download a media player that supports this new format.
Also you can see more here Microsoft Edge and <VIDEO>
What version of edge are you running?
You could create a you tube video and then include it that way.
<iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
Source tags are empty elements and should not be closed. Remove the closures like so:
<source src="video/video.mp4" type="video/mp4">
<source src="video/video.webm" type="video/webm">
<source src="video/video.ogv" type="video/ogg">
I'm playing a video through the browser using:
<video class="video">
<source src="video.mp4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
It's not working on Apple's through Firefox which I understand is because I'm using the H.264. How do I render to play on an Apple with Firefox as well?
<video class="video">
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
I have a video tag looking like this:
<video width="380px" height="190px" controls>
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogv" type="video/ogg" />
Your browser does not support the video tag.
</video>
This plays the video in Firefox and Chrome. However, IE9 and 10 simply states unreadable source (the video 'box' itself turns up so the tag is supported). Safari doesnt seem to support the video tag and thus I only see my fallback message. However, if I go to the URL directly in any browser I can watch the movie in Firefox + Chrome and download it in IE + Safari.
What should I do to make the video playable in all browsers?
Add this line in your head somewhere.
<script src="http://api.html5media.info/1.1.5/html5media.min.js"></script>
Also try putting your source in the opening video tag.
<video source src="movie.mp4" type="video/mp4" width="380px" height="190px" controls></video>
Hope fully that helps
I usually have four versions of the same video for cross-browser compatibly:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed src="movie.flv" width="320" height="240">
</object>
</video>
.mp4, .webm, .ogv, and a flash fallback .flv. This has worked well for me cross-browser. Another thing to note is that for mobile, a higher-optimised .mp4 video is more likely to work (I've had issues with this in the past).
I'm setting up oneweekfatloss.com but having trouble getting video to show up.
It works in Chrome and Safari, but not in IE and FF. I've created an mp4 and .ogv file.
Am I doing something wrong with my html?
<video width="720px" height="420px" autoplay>
<source src="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo+Sales+Video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo_Sales_Video-OGV.ogv" type='video/ogg; codecs="theora, vorbis"'>
<object data="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo+Sales+Video.mp4" width="720px" height="420px">
<embed type="application/x-shockwave-flash" src="https://s3.amazonaws.com/paleojumpstart/paleovideos/Paleo_Sales_Video-Flash.flv" width="720px" height="420px">
</object>
</video>
EDIT: I realized I hadn't set the permissions correctly on Amazon s3. That solved the FF problem. IE's still not working, though.
EDIT2: IE will play the video if I open the page locally, but not from my server.
See these pages for format compatibility: WebM, Mp4, and Ogg. FireFox only supports WebM and Ogg. IE does not support the standard <source tag. Here is a code excerpt from MSDN:
<video width="400" height="300" poster="frame.png" autoplay controls loop>
<source src="video.ogv" type='video/ogg; codecs="theora,
vorbis"'>
<source src="video.mp4" type='video/mp4; codecs="avc1.42E01E,
mp4a.40.2"'>
</video>
You can test video format campatability on this page: http://ie.microsoft.com/testdrive/Graphics/VideoFormatSupport/Default.html
I have noticed a strange problem with the HTML5 <video/> tag in Chrome.
Using this, it works fine:
<video poster="023.png" autoplay controls>
<source src="todojunto.mp4" type="video/mp4" />
</video>
This only plays the sound, no video:
<video poster="023.png" autoplay >
<source src="todojunto.mp4" type="video/mp4" />
</video>
If I remove the poster attribute, it works again.
All other browsers (even IE9...!) works perfectly, and I can't seem to find the reason.
Any ideas/help?
Thanks
Video tag's attributes should be specified for strict standard implementation:
<video poster="023.png" autoplay="autoplay" controls="controls">
<source src="todojunto.mp4" type="video/mp4" />
</video>
If this doesn't work, there is something changed in your browser's preferences
I'm surprised your video even shows up. Chrome stopped supporting mp4. You should use a .webm file when working with Chrome for html5 videos.
You need to use muted=""; it does work for video
<div class="wrap">
<video width="auto" height="400px" autoplay="" loop="" muted="">
<source src="Video.mp4" type="video/mp4">
<source src="Video.ogg" type="video/ogg">
</video>
</div>
I've encountered the same error.
I fixed it by adding the preload="auto" tag.
<video autoplay loop preload="auto" poster="023.png">
<source src="todojunto.mp4" type="video/mp4" />
</video>
Don't know if this will work for you, and it's been some time since you asked the question. But maybe this will help someone in the future!
I just converted it to ogv and works well in all browsers. I had problem with firefox but no issues anymore. It was also showing a gray background but now, now anymore. here is my code: you can see it in eargo.com/products
<video class="" style="" autoplay loop>
<source class="" src="video.ogv" >
<source class="" src="video.mov" >
<source class="" src="video.mp4" >
</video>
you may see it after 5-7-2015.