发表新帖
发表新帖

HTML5 - mp4 video does not play in IE9

前端 未结
关注
13 1920
一生所求
一生所求 2020-11-27 05:08

I have an mp4 video that I want to play in IE9 using HTML5 tag. I added the MIME type to IIS 7 so if I browse http://localhost/video.mp4

相关标签:
13条回答
  • 离开以前
    2020-11-27 05:22

    From what I've heard, video support is minimal at best.

    From http://diveintohtml5.ep.io/video.html#what-works:

    As of this writing, this is the landscape of HTML5 video:

    • Mozilla Firefox (3.5 and later) supports Theora video and Vorbis audio in an Ogg container. Firefox 4 also supports WebM.

    • Opera (10.5 and later) supports Theora video and Vorbis audio in an Ogg container. Opera 10.60 also supports WebM.

    • Google Chrome (3.0 and later) supports Theora video and Vorbis audio in an Ogg container. Google Chrome 6.0 also supports WebM.

    • Safari on Macs and Windows PCs (3.0 and later) will support anything that QuickTime supports. In theory, you could require your users to install third-party QuickTime plugins. In practice, few users are going to do that. So you’re left with the formats that QuickTime supports “out of the box.” This is a long list, but it does not include WebM, Theora, Vorbis, or the Ogg container. However, QuickTime does ship with support for H.264 video (main profile) and AAC audio in an MP4 container.

    • Mobile phones like Apple’s iPhone and Google Android phones support H.264 video (baseline profile) and AAC audio (“low complexity” profile) in an MP4 container.

    • Adobe Flash (9.0.60.184 and later) supports H.264 video (all profiles) and AAC audio (all profiles) in an MP4 container.

    • Internet Explorer 9 supports all profiles of H.264 video and either AAC or MP3 audio in an MP4 container. It will also play WebM video if you install a third-party codec, which is not installed by default on any version of Windows. IE9 does not support other third-party codecs (unlike Safari, which will play anything QuickTime can play).

    • Internet Explorer 8 has no HTML5 video support at all, but virtually all Internet Explorer users will have the Adobe Flash plugin. Later in this chapter, I’ll show you how you can use HTML5 video but gracefully fall back to Flash.

    As well, you should note this section just below on the same page:

    There is no single combination of containers and codecs that works in all HTML5 browsers.

    This is not likely to change in the near future.

    To make your video watchable across all of these devices and platforms, you’re going to need to encode your video more than once.

    0 讨论(0)
  • 小鲜肉
    2020-11-27 05:24

    Dan has one of the best answers up there and I'd suggest you use html5test.com on your target browsers to see the video formats that are supported.

    As stated above, no single format works and what I use is MP4 encoded to H.264, WebM, and a flash fallback. This let's me show video on the following:

    Win 7 - IE9, Chrome, Firefox, Safari, Opera

    Win XP - IE7, IE8, Chrome, Firefox, Safari, Opera

    MacBook OS X - Chrome, Firefox, Safari, Opera

    iPad 2, iPad 3

    Linux - Android 2.3, Android 3

    <video width="980" height="540" controls>
        <source src="images/placeholdername.mp4" type="video/mp4" />
        <source src="images/placeholdername.webm" type="video/webm" />
        <embed src="images/placeholdername.mp4" type="application/x-shockwave-flash" width="980" height="570" allowscriptaccess="always" allowfullscreen="true" autoplay="false"></embed>  <!--IE 8 - add 25-30 pixels to vid height to allow QT player controls-->    
    </video>

    Note: The .mp4 video should be coded in h264 basic profile, so that it plays on all mobile devices.

    Update: added autoplay="false" to the Flash fallback. This prevents the MP4 from starting to play right away when the page loads on IE8, it will start to play once the play button is pushed.

    0 讨论(0)
  • 粉色の甜心
    2020-11-27 05:26

    for IE9 I found that a meta tag was required to set the mode

    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

<video width="400" height="300" preload controls>
<source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag
</video>
    0 讨论(0)
  • 暖寄归人
    2020-11-27 05:26

    I had to install IIS Media Services 4.1 from the Windows Web App Gallery.

    http://www.microsoft.com/web/gallery/install.aspx?appsxml=http://www.microsoft.com/web/webpi/3.0/MediaProductList.xml&appid=MediaServices

    0 讨论(0)
  • 孤街浪徒
    2020-11-27 05:33

    Try the following and see if it works:

    <video width="400" height="300" preload controls>
  <source src="video.mp4" type="video/mp4" />
  Your browser does not support the video tag.
</video>
    0 讨论(0)
  • 误落风尘
    2020-11-27 05:40

    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

    0 讨论(0)
 看不清?
提交回复
热议问题