1. 登錄七牛(www.qiniu.com)

在資源管理中，選擇‘song-dev’，選擇‘內(nèi)容管理’，點擊‘上傳文件’。

2. 拖動視頻文件并上傳

?

3. 復(fù)制外鏈地址

文件上傳成功以后，點擊旁邊的‘預(yù)覽’圖標，會打開視頻預(yù)覽，上面又個外鏈地址，復(fù)制這個外鏈地址。

4. 添加視頻到頁面

回到RainCMS后臺系統(tǒng)中，找到要添加視頻的頁面， 選擇‘源碼’，復(fù)制以下代碼到源碼編輯框：

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
</video>

把紅色部分，替換為上面復(fù)制的視頻地址（因為不同的瀏覽器支持不同的視頻格式，所以一般需要講一個視頻轉(zhuǎn)換為多種格式上傳，為了簡單起見，我們只使用通用的mp4格式），最后效果如下

<video width="320" height="240" controls="controls">
  <source src="http://77g15w.com1.z0.glb.clouddn.com/001-caching-with-instance-variables.mp4" type="video/mp4" />
</video>

同時，可以看到上面綠色的部分，分別表示視頻播放器的播放寬高，你可以按照你的意愿修改，一般是1.5 : 1的比例同比縮放，如320:200, 600:400.

最后添加完視頻的代碼如下圖所示：

5. 發(fā)布預(yù)覽

視頻添加好后，發(fā)布出去的效果如下圖所示：

?