视频播放器示例简介

您是否曾希望以一种有趣且美观的方式在自己的网站上发布视频,就像 Chrome 应用商店中新推出的 60 MinutesRedBull.tv 应用一样?我们很高兴地宣布,视频播放器示例 Web 应用现已发布!视频播放器示例是一个开源视频播放器 Web 应用,其架构与《60 分钟时事》和 RedBull.tv 应用相同。您可以对其进行自定义和扩展,也可以直接使用现有模板并填充自己的内容。

视频播放器全屏示例
视频播放器示例

运作方式

用户打开视频播放器示例后,可以选择观看单个视频,也可以从上传并填充到应用中的列表中创建视频/分集播放列表。视频播放器示例已配置,并且视频相关信息存储在 JSON 文件(分别为 config.json 和 data.json)中,这两个文件都位于 data 目录中。

主要特性

  • 优质的视频观看体验,包括全屏观看
  • 能够订阅节目、观看剧集、创建播放列表
  • 支持多种视频格式(具体取决于用户的浏览器支持的格式,包括 WebM、Ogg、MP4,甚至 Flash 回退)
  • 类别页面,简要介绍了应用中提供的不同节目/类别
  • 新分集通知(如果通过 Chrome 应用商店安装应用)
  • 内置对分享到 Google+、Twitter 和 Facebook 的支持
  • 为确保您能够轻松进行自定义,我们提供了所有源文件,包括 Photoshop PSD

构建方式

视频播放器示例使用 HTML 和 JavaScript 编写,适用于开放 Web 平台,大致遵循 Model-View-Controller 模式和结构。

浏览器支持

除了作为可通过 Chrome 应用商店安装的应用之外,视频播放器示例还经过了测试,可在所有新型浏览器中运行。

试试看

您可以在演示版应用中查看视频播放器的演示。如需详细了解该应用的运作方式,请参阅文档

您可以从 Google Code 获取该代码。

尽情享用吧!