前端实现ie8的视频播放

在IE8及更老版本中支持视频播放通常需要一些额外的工作，因为这些浏览器内置的HTML5 Video API功能有限。以下是一种常见的做法：

1. **使用Flash fallback**：由于IE8不支持HTML5 Video的`<video>`标签的`src`直接设置为视频流URL，可以使用Adobe Flash Player插件。创建一个`<object>`元素嵌入swf（如jwplayer、flowplayer等），并提供一个JavaScript库（如Swiffy或VideoJS的flash.swf插件）来检测浏览器是否支持HTML5 Video，如果不行则自动切换到Flash。

<object data="path/to/player.swf" type="application/x-shockwave-flash">
  <!-- HTML5 Video -->
  <video controls>
    <source src="path/to/video.mp4" type="video/mp4">
    <source src="path/to/video.webm" type="video/webm"> <!-- for webm support -->
    Your browser does not support the video tag.
  </video>
</object>

2. **使用银弹策略（feature detection）**：检查特定的CSS前缀（如 `-ms-` 对于IE内核）来确认浏览器对HTML5 Video的支持情况，并相应地调整样式和脚本。

if ('video' in document.createElement('video') && !document.createElement('video').canPlayType) {
  // IE8 or older
} else {
  // Modern browsers
}

3. **提供备用图片**：给不支持视频的用户显示一个静态图像或者链接到其他媒体源。

4. **渐进增强**：对于那些已经支持HTML5 Video的新浏览器，你可以提供高清视频，而对于旧版IE，则提供低质量的MP4或WMV文件。