Video.js 博客

史蒂夫·赫弗南2010年11月22日

2.0.0 版本发布 - 行为、回退 API 及更多。

重大更新。对于现有用户而言,最大的变化是控制条元素重新改用 DIV 而非无序列表。使用列表时存在许多样式冲突问题,这应该不会在 DIV 中成为问题。因此,如果您升级,请不要忘记同时升级您的样式表。

除此之外,许多代码进行了重组和模块化,以创建未来扩展的平台,例如自定义插件和控件。概念“行为已被添加,这样您就可以激活页面上的任何元素,使其像视频控件一样工作。例如,以下代码片段将使指定元素像播放按钮一样工作,并在点击时播放视频。

myplayer.activateElement(myElement, "playButton");

下一个代码片段将使该元素像播放进度条一样工作,这意味着它将随着视频播放而水平增长。

myplayer.activateElement(myElement, "playProgressBar");

更多相关文档即将推出。

代码现在已为回退 Flash 播放器的 API 做好准备。因此,如果您调用 myPlayer.play(),它将在 HTML5 和 Flash 版本中(无论当前使用的是哪个版本)触发播放。Flowplayer API 几乎已完成,其他流行的 Flash 播放器也将跟进。

最后,您可以通过修改 playerFallbackOrder 选项来更改回退顺序,该选项是一个播放器平台数组。因此,如果您希望 Flash 占主导地位,您可以传递以下选项。

VideoJS.setupAllWhenReady({
  playerFallbackOrder: ["flash", "html5", "links"]
});

这也为添加其他平台(如 Quicktime)留下了空间。

即将推出的是 Flash 播放器 API,以及另一个我暂时不想提及的酷炫功能。

完整列表

  • 功能:创建了行为为元素添加行为的概念 - 功能:控件重新改用 div,以实现更便携的样式
  • 功能:创建了 playerFallbackOrder 数组选项。[“html5, flash, 链接”]
  • 功能:创建了 playerType 概念,用于初始化不同的平台
  • 功能:为 Android 添加了播放按钮
  • 功能:为 iPad(非全屏)添加了加载指示器
  • 功能:拆分为多个文件,便于开发
  • 功能:将 VideoJS& _V_ 合并到同一个变量中以减少混淆
  • 修复:检查 m3u8 文件(Apple HTTP 流媒体)
  • 修复:捕获 Safari 似乎随机抛出的 localStorage 已满错误
  • 修复:拖动到末尾不会触发 onEnded

下载 2.0.0 版本