视频播放器示例简介

想通过有趣又美观的方式在自己的网站上发布视频,比如 Chrome 应用商店中新推出的 60 MinutesRedBull.tv 应用?我非常高兴地宣布,视频播放器示例 Web 应用即将发布!视频播放器示例是一款采用与 60 Minutes 和 RedBull.tv 应用相同的架构构建的开源视频播放器 Web 应用。您可以对其进行自定义或扩展,或者开箱即用并填充您自己的内容。

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

运作方式

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

主要特性

  • 出色的视频观看体验(包括全屏观看)
  • 能够订阅节目、观看剧集、创建播放列表
  • 支持多种视频格式,具体视用户的浏览器支持的内容而定(包括 WebM、Ogg、MP4,甚至是 Flash 后备广告)
  • 类别页面,其中概述了应用中可用的不同节目/类别
  • 新分集通知(当通过 Chrome 应用商店安装应用时)
  • 内置对分享到 Google+、Twitter 和 Facebook 的支持
  • 为确保轻松进行自定义,所有源文件(包括 Photoshop PSD)都会包含在内

构建方式

视频播放器示例使用 HTML 和 JavaScript 针对开放网络平台编写,大体上遵循模型视图控制器模式和结构。

浏览器支持

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

试试看

你可以在演示应用中观看视频播放器的实际演示应用。如需详细了解该应用的工作原理,请参阅相关文档

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

祝你观看愉快!