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

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

1. 视频展示与播放

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

操作步骤如下 ：
1. 下载video.js的最新版本（从http://www.videojs.com/downloads/video-js-4.4.2.zip 下载）并解压，将其放置在 app/assets/javascripts 文件夹下。然后在 app/assets/javascripts/application.js 文件中加载它：

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

2. 将 video-js.css 文件复制到 app/assets/stylesheets 文件夹下，并在 app/assets/stylesheets/application.css 文件中添加其引用：