“错误：视频无法解码”仅当视频尝试在 IE11 中播放时

Question

当我尝试在我的网页上播放/测试视频 (MP4) 时，我选择播放按钮，每次都会看到：

视频无法解码

在 IE11 中播放约 7 秒后显示，但在 Chrome 和 Firefox 中播放正常。有什么想法吗？

环境：

• video-js player-v4.11.4，带有 flowplayer 后备功能
• IE11
• Windows 7 电脑

这是播放器代码：

<video id="_1200k.mp4" class="video-js vjs-default-skin"
preload="none" width="445" height="340" controls
poster="[var.thumb_file]" data-setup='{techOrder: [‘flash’,’html5’}'>

<source src="http://..........s3.amazonaws.com/[var.video_play]"     type='video/mp4' />

<object class="vjs-flash-fallback" width="445" height="340"    type="application/x-shockwave-flash"    data="https://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="/flowplayer/flowplayer-3.2.16.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"playlist":["/[var.thumb_file]",     {"url": "http://.........s3.amazonaws.com/    [var.video_play]","autoPlay":false,"autoBuffering":true}]}' />
<!-- Image Fallback. Typically the same as the poster image. -->
<img src="[var.thumb_file]" width="640" height="264" alt="Poster Image"    title="No video playback capabilities." />
</object>
</video>

Answer 1

虽然我没有亲自测试过，但我感到非常自信地说 Flowplayer 后备作为 Video.js swf 的替代品的可能性很小。当 Video.js 有它的 own fallback 时，你为什么要首先这样做？

如果您也没有看到其他问题，我会感到惊讶。例如，您提供的示例在 data-setup attr 中有无效的 JSON，因此应该会引发 JSON 解析错误。

回到最初关于 Flash 后备的问题...如果您尝试在 IE11 中播放 mp4，为什么要强制使用 Flash？ IE11 支持h264 natively，所以不需要 Flash 回退。

总而言之，您的 <video> 标记应如下所示：

<video id="_1200k.mp4" class="video-js vjs-default-skin" preload="none"
  width="445" height="340" controls poster="..." data-setup='{}'>
  <source src=".../movie.mp4" type="video/mp4"></source>
</video>