IE9 HTML5 video support
On the official Microsoft website there is this code snippets for video on IE9
<video width="400"
height="300"
src="video.mp4"
poster="frame.png"
autoplay
controls
loop>
This content appears if the video tag or the codec is not supported.
</video>
Try with this code.
HTML5 Video Not Working in IE9+10
IE only supports a limited set of codecs for video sources
IE 9+ supports h264 with mp3/aac, vp8 and vp9 are questionable, all others it does not seem to support.
MDN doc on media browser compatibility
So you will have to provide several video sources to support each browser, but not necessarily a video for each browser as some of the browsers do overlap in their support.
Providing a video with h264 aac/mp3 should play on IE, Safari, and Chrome.
While a video with Theora or VP8 should play on Firefox and Opera
Internet Explorer 9 beta HTML5 video tag not supporting relative width/height?
Have you tried setting the height and width using CSS rather than the HTML element's attributes?
ie rather than:
<video src='whatever' height='50%' width='50%'>
you could try:
<video src='whatever' style='height:50%; width:50%;'>
...or, of course, put the styles into your separate CSS file.
HTML5 - mp4 video does not play in IE9
Ended up using http://videojs.com/ to support all browsers.
But to get the video working in IE9 and Chrome I just added html5 doc type and used mp4:
<!DOCTYPE html>
<html>
<body>
<video src="video.mp4" width="400" height="300" preload controls>
</video>
</body>
</html>
HTML5 video won't play in IE9
The encoding of your mp4 video is not correct.
Based on the answer of this question I converted one of the videos on your site to use a baseline (3) encoding profile and that made the video work on an html page in IE10.
html5 video mp4 works in safari but not ie9
HTML5 Please recommand using a polyfill for this.
So you can use this one : http://mediaelementjs.com/
Note: Are you sure your DOCTYPE respect the HTML5 syntax as following :
<!DOCTYPE html>
HTML5 Video not working only in IE9
had a similiar issue, and i had to register the mime types via .htaccess on my server (mp4 didn t work before).
.htaccess-file:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/mp4 .mov
AddType video/webm .webm
Related Topics
Flipping/Inverting/Mirroring Text Using CSS Only
Unwanted Border-Radius Corners Around Images in Brave/Chrome Browser
HTML: How to Retain Formatting in Textarea
Bootstrap Dropdown Clipped by Overflow:Hidden Container, How to Change The Container
Bootstrap 3 Truncate Long Text Inside Rows of a Table in a Responsive Way
What Is The Order of Loading The CSS Files in a HTML Page
Responsive Square Divs Cross Browser Compatible
Firebug-Like Debugger for Google Chrome
How to Change Text Selection Color in UIwebview iOS
How to Make a Div 100% of Page (Not Screen) Height
Giving Background-Color to Body Applying Whole Page. Why
Apply Different CSS Stylesheet Depending on Browser Window Size - I Can't Find Anything Definitive