在播放列表里的每个项目都可以拥有多个播放源，比如同一段视频，你准备了不同的格式，或者不同的尺寸 …. 这些都可以组合在同一个播放列表项目里 .. 用户在播放器的控制栏上可以自己选择。

在这个播放列表里 … 我们现在只留下了一个播放项目 …

在这个项目里，我们可以使用 sources … 来设置一下播放源 … 不同的播放源可以放在这个方括号里 …

sources:[]

每一个播放源都要放在一组大括号里 …. 　我们要给这个项目添加两个播放源，所以可以使用两组大括号　．． 它们之间要用一个英文状态下的逗号分隔一下 ...

sources:[{},{}]

然后鼠标选中第一个大括号 … 我们先设置一下第一个播放源 …

可以使用 file，来设置视频文件的位置 …

设置一下在 video 目录下的一个视频文件 …

file: "video/croods-03.mp4",

这是一个质量是 720p 的视频 … 最后加上一个逗号 … 然后再设置一下 label 标签属性 …

label: "720p" … 这个标签会显示在播放器控制栏上的质量选择列表里 …

然后复制一下 … 粘贴到第二个大括号里 …

file: "video/croods-03-480p.mp4", label: "720p"

修改一下里面的内容 … 视频文件是 720p.mov … label 改成 720p …

这样这个项目就设置了两个播放源 … 720p 的视频 .. 还有 480p 的视频 …

默认播放器会播放第一个设置的播放源 … 我们也可以手工去设置默认的播放源 … 可以使用 default …

比如我们把 720p 的这个视频设置成默认播放的视频 ..

输入一个逗号 … 因为 default 在有些浏览器上是预留的字符 … 所以这里我们要在它的周围添加一组引号 …

然后把它的值设置为 true .. "default": true

保存 …

到浏览器上预览一下 …. 点击播放 ….

注意现在播放器的控制栏上，会出现一个 HD 的小图标 … 点开这个图标 …

当弹出当前这个项目的播放源 … 这里默认播放的是 720p 的视频 .. 如果你发现设置的默认的播放源没有效果 … 可以清空一下浏览器的 cookie …

这里，我们可以选择其它的播放源 …. 播放器会去播放所选的播放源里设置的视频 ….