20、基于Rails和HTML5的视频流网站开发与优化

基于Rails和HTML5的视频流网站开发与优化

一、视频展示与播放

在过去很长一段时间里，视频的展示和播放一直是一个挑战。Flash 长期占据主导地位，大多数主流网站仍在使用它，但 Flash 在移动设备优化方面表现不佳。HTML5 推出了一系列新的标准，包括视频的 MP4 和 OGV 格式，以及音频的 AAC 和 OGG 格式。我们将使用这些标准以及 video.js 库来展示视频。

具体操作步骤

1. 下载并配置 video.js
   • 从 http://www.videojs.com/downloads/video-js-4.4.2.zip 下载最新版本的 video.js 并解压。将其放置在 app/assets/javascripts 文件夹下。
   • 在 app/assets/javascripts/application.js 中加载 video.js：

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require video
//= require turbolinks
//= require_tree

2. 添加 CSS 引用
   • 将