IE11 + Video.js 7 + VHS: 完美组合，丝滑播放HLS视频

[写在前面]
IE11：多舛的前世今生
IE11 浏览器作为上网冲浪的利器，于2013年首次亮相，微软也顺势宣布不再对IE8和9进行支持，只有IE10和IE11在列。自此，IE11在IE大家庭中独当一面，成为了微软浏览器家族中的唯一幸存者。

IE11的统治地位一直持续到2022年6月，微软终于宣告，将于2022年6月15日停止对IE11的支持，这意味着IE11将成为历史。但是，不少企业仍然需要IE11来运行某些关键的应用程序或网站，因此，在IE11完全退出历史舞台之前，我们需要想办法在IE11中播放HLS视频，以便企业能够继续使用IE11来运行这些应用程序或网站。

正文

如何在IE11中使用Video.js 7和VHS插件播放HLS视频

1. 安装Video.js 7和VHS插件

在您的HTML页面中包含以下代码：

<script src="https://vjs.zencdn.net/7.10.2/video.min.js"></script>
<script src="https://unpkg.com/videojs-http-streaming@2/dist/videojs-http-streaming.js"></script>

2. 创建视频播放器

在您的HTML页面中添加以下代码：

<video id="my-video" class="video-js" controls>
  <source src="https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8" type="application/x-mpegURL">
</video>

3. 初始化视频播放器

在您的JavaScript代码中添加以下代码：

var player = videojs('my-video');

4. 播放视频

在您的JavaScript代码中添加以下代码：

player.play();

5. 常见问题和解决方案

• 视频无法播放

确保您已经正确安装了Video.js 7和VHS插件，并且您的视频文件的URL是正确的。

• 视频播放卡顿

确保您的互联网连接速度足够快，并且您的视频文件的大小不是太大。您还可以尝试降低视频的分辨率。

• 视频画面失真

确保您的视频文件是正确的格式，并且您的视频播放器的设置是正确的。

写在最后
通过使用Video.js 7和VHS插件，您可以在IE11中轻松播放HLS视频。这些插件易于安装和使用，并且与IE11完全兼容。希望本文能帮助您解决IE11中播放HLS视频的问题。