点击下载教程相关资源
有几种方法可以开始使用 Video.js（当前版本为 v8.10.0），但您应该选择最适合您的使用方法。
我们在Fastly的朋友非常友好，可以在他们的内容交付网络上为Video.js提供所有必要的文件托管。
使用这些托管文件可能是开始使用Video.js的最简单方式，您只需在页面中包含以下链接。
<head>
<link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet" />
<!-- If you'd like to support IE8 (for Video.js versions prior to v7) -->
<!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
</head>
<body>
<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
poster="MY_VIDEO_POSTER.jpg"
data-setup="{}"
>
<source src="MY_VIDEO.mp4" type="video/mp4" />
<source src="MY_VIDEO.webm" type="video/webm" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank"
>supports HTML5 video</a
>
</p>
</video>
<script src="https://vjs.zencdn.net/8.10.0/video.min.js"></script>
</body>国内也有很多 CDN，例如：
BootCDN：https://www.bootcdn.cn
七牛云存储开放静态文件CDN：https://www.staticfile.org
字节跳动静态资源库：http://cdn.bytedance.com
什么是 CDN？
CDN（Content Delivery Network）即内容分发网络，是一种通过在全球各地部署服务器节点，提供高效、快速内容传输的网络架构。CDN的主要目的是加速内容传输，降低网络延迟，提高用户访问网站的体验。
在CDN中，原始内容通常存储在源服务器上，而CDN会将这些内容缓存到位于全球各地的服务器节点上。当用户请求访问某个网站或内容时，CDN会根据用户的地理位置和网络条件，选择最近的服务器节点来提供内容，从而减少网络延迟和传输时间。
CDN的工作原理是通过缓存和分发静态内容（如图片、视频、CSS、JavaScript等）来加速网站的访问速度。CDN还可以提供负载均衡、安全防护、内容压缩等功能，帮助网站提高性能、稳定性和安全性。
注意：上面介绍的 CDN 其实就是将 JS/CSS 等静态资源放到一个静态服务器，<script> 标签通过网络进行访问。当然，你也可以直接将这些 JS/CSS 静态资源下载到本地，然后 <script> 标签引用本地资源也是一样的。
对于更高级的工作流程，建议通过 npm 安装，命令如下：
$ npm install --save-dev video.js
例如：
# 将 npm 切换到国内源，下载速度更快 C:\Users\Administrator>npm config set registry https://registry.npmmirror.com # 安装 video.js C:\Users\Administrator>npm install --save-dev video.js added 27 packages in 7s npm notice npm notice New major version of npm available! 8.19.2 -> 10.4.0 npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.4.0 npm notice Run npm install -g npm@10.4.0 to update! npm notice
执行成功后，打开用户主目录下的 node_modules/video.js 目录查看，如下图：
从 v7 开始，我们将不再支持 IE 11 之前的 Microsoft Internet Explorer 版本，包括 IE 8、9 和 10。微软两年多前就放弃了对这些版本的支持，人们普遍认为它们不符合现代安全标准，而且它们在 Video.js 浏览器中的使用率不到 0.1%。
对于 v7 之前的 Video.js 版本，无论您最终如何在项目中加入 Video.js，都有一些常见的问题需要注意。核心代码库使用了 Javascript (ES5) 的一些现代特性，因此如果您想支持 IE8，就需要包含 ES5 shim。为了方便起见，我们创建了一个单一文件，您可以在其中包含 IE8 支持。无论核心 Video.js 库放在哪里，该文件都必须位于文档的 <head> 中。
我们包含一个精简的 Google Analytics 像素，可跟踪从 CDN 加载的播放器的随机百分比（目前为 1%）。这样，我们就能看到（大致）在野外使用的浏览器，以及其他有用的指标，如操作系统和设备。如果您想禁用分析功能，只需在通过免费 CDN 加入 Video.js 之前加入以下全局即可：
注意：v7 不会发送任何数据，v6.8 及以上版本会尊重浏览器的 "不跟踪（do not track）" 标志。
window.HELP_IMPROVE_VIDEOJS = false;
什么是 Google Analytics？
Google Analytics 是由谷歌提供的免费的网站分析工具，用于帮助网站所有者了解其访问者的行为、网站流量来源以及网站表现等数据。通过 Google Analytics，网站所有者可以收集和分析各种关键数据，以便更好地了解其用户群体、优化网站内容和改进营销策略。
Google Analytics 提供了丰富的功能和报告，包括以下几个主要方面：
访问者数据：包括访问者的地理位置、设备类型、浏览器信息等，帮助网站所有者了解其受众特征。
流量来源：显示访问者是通过搜索引擎、社交媒体、广告等途径来到网站的，帮助了解哪些渠道为网站带来了最多的流量。
网站内容：显示各个页面的访问量、跳出率等信息，帮助网站所有者了解哪些内容受到用户青睐，哪些内容需要改进。
转化率：跟踪网站的转化目标（如注册、购买、订阅等），帮助网站所有者分析用户的行为路径和转化率。
实时数据：显示当前网站的访问情况，包括实时访问量、访问来源等。
通过分析这些数据，网站所有者可以做出更加明智的决策，优化网站内容和用户体验，提高网站的流量和转化率。Google Analytics 是一个非常强大且常用的网站分析工具，适用于各种规模的网站和企业。
川公网安备51010802032098
