Video.js 4.12 - 4.x 次要版本的最终版本
大幅改进的 WebVTT 支持
我们很早就添加了基本的 WebVTT 支持,对此我们感到非常自豪。然而,随着浏览器增加对 WebVTT 的支持,我们的垫片(shim)开始有些滞后,或者至少与需要原生支持的浏览器(比如 iOS)产生兼容问题。
因此,我们很高兴地宣布,此版本对文本轨道(text track)的支持有了大幅改进!我们不再继续尝试构建自己的 WebVTT 解析器,而是引入了 Mozilla 出色的工作成果 VTT.js。这是 Firefox / Gecko 中使用的 WebVTT 实现,因此我们相信这对于 Video.js 和我们的辅助功能(accessibility)工作而言是一个实质性的飞跃。
不使用字幕?感到失望?
你不应该感到失望,这是个大日子!此版本包含许多修复,虽然修复对受影响的人来说总是令人兴奋,但其他人可能会觉得“不怎么样”。然而,我们很高兴地说,此版本因另一个非常重要的原因而令人兴奋。
这是 4.x 版本系列的最后一个次要版本。可能还会有一些补丁,但从现在起,master 分支将正式成为待发布的 5.0 版本。欢呼吧。
4.12 版本的显著更新和修复
- hide / show 方法现在通过切换类(
.vjs-hidden
)而不是应用内联样式来实现。请务必同步更新您的样式表! - 当您进行,没错,时间轴拖动时,会应用一个新的
.vjs-scrubbing
类,从而防止菜单在悬停时错误地显示。 - 改进了 IE9 中的 URL 解析。
- 想知道您正在使用哪个版本吗?现在有一个 VERSION 键了。太棒了。
- 新增
.vjs-ended
类,在播放到达时间轴末尾时(也称为:结束)添加。 - 播放器 networkState 和 readyState 属性在所有技术栈中可用
- Video.js 现在作为具名 AMD 模块导出
- 移动端滚动改进
- 还有更多!修复多多!
翻译狂欢继续
我们现在已经有 19 个社区提交的翻译了!此版本中全新增加的翻译包括
- 繁体中文
- 越南语
- 捷克语
- 加泰罗尼亚语
- 保加利亚语
- 土耳其语
Video.js 的广泛应用
说实话,其中一些应用让我们感到非常惊叹。通常我们只列举一个,但这次嘛…
社交媒体
全球新闻媒体
社区贡献的新插件
- videojs-Background:一个允许视频作为任何元素的完整背景显示的插件。
- videojs-brightcoveAnalytics:允许在 Video.js 中跟踪 Brightcove 视频的观看/曝光及互动数据&(此行为空,已合并到上一行翻译中)
- videojs-caption:为 Video.js 提供最灵活强大的字幕显示功能。
- videojs-transcript:从字幕或副标题轨道显示交互式文本。
- videojs-autoplay-toggle:添加一个自动播放开关,其状态将保存在 cookie 或本地存储中。
- videojs-offset:允许您播放视频的某个片段。
- videojs-youtube-progress:当控制条隐藏时,保留进度条(seeker)。
- projectorjs:一个小型、无依赖的 JavaScript 库,可以在原生 HTML5 视频元素或(可选)由 Video.js 驱动的视频元素上显示覆盖层。
- videojs-record:一个用于录制音频/视频文件的 Video.js 插件。
- videojs-dashjs:加载 dash.js 作为技术支持 MPEG-DASH 视频。
- videojs-silverlight:允许您在 Video.js 中通过 Silverlight 播放 WMV、WMA、MP4、MP3、WAV 和 FLAC 媒体。
- videojs-vlc:允许您在 Video.js 中通过 VLC 网络插件播放所有媒体。
- videojs-aurora:允许您在 Video.js 中通过 Aurora.js 播放 WAV、OGG、MP3、M4A、AAC 和 FLAC 媒体。
- videojs-java:允许您在 Video.js 中通过 Java 播放 AIFF、AVI、GSM、MID、MPG、MP2、MOV、AU 和 WAV 媒体。
变更原始列表
- @PeterDaveHello 添加了繁体中文翻译 (查看)
- @mmcc 将 hide/show 函数更新为使用类而不是内联样式 (查看)
- @mister-ben 改进了播放器已初始化时对额外 videojs() 参数的处理 (查看)
- @anhskohbo 添加了越南语翻译 (查看)
- @Sxmanek 添加了捷克语翻译 (查看)
- @jcaron23 添加了 vjs-scrubbing CSS 类,并防止在拖动时间轴时显示菜单 (查看)
- @dmlap 修复了 IE9 中的 URL 解析问题 (查看)
- @gkatsev 修复了 ManualTimeUpdatesOff 未取消注册事件的问题 (查看)
- @brycefisher 添加了关于播放器销毁的指南 (查看)
- @toniher 添加了加泰罗尼亚语翻译 (查看)
- @mmcc 向 videojs 对象添加了 VERSION 键 (查看)
- @mmcc 修复了 #1681 中引入的文本轨道隐藏问题 (查看)
- @dmlap 将 video.js 导出为具名 AMD 模块 (查看)
- @dmlap 修复了 loadstart 事件未触发时海报隐藏的问题 (查看)
- @chikathreesix 修复了 Chrome 中的对象删除错误 (查看)
- @steverandy 修复了触摸设备上在播放器上方滚动的问题 (查看)
- @mmcc 改进了点击灵敏度 (查看)
- @mister-ben 在播放到达时间轴末尾时添加了 vjs-ended 类 (查看)
- @dmlap 添加了网络和就绪状态属性 (查看)
- @woollybogger 导出了 hasClass 函数 (查看)
- @DevGavin 修复了中文翻译 (查看)
- @iSimonWeb 添加了 font-path 变量 (查看)
- @shoshomiga 添加了保加利亚语翻译 (查看)
- @ragecub3 添加了土耳其语翻译 (查看)
- @gkatsev 大幅改进了文本轨道支持,并实现了 vtt.js 作为 WebVTT 解析器 (查看)
- @gkatsev 修复了 Chrome 和 Safari 中字幕默认显示的问题 (查看)
- @mister-ben 修复了 Firefox 中的 woff 警告 (查看)