文章用图片形式形象的展示了RainCMS如何添加视频的步骤。
1. 登录七牛(www.qiniu.com)
在资源管理中，选择‘song-dev’，选择‘内容管理’，点击‘上传文件’。
2. 拖动视频文件并上传
3. 复制外链地址
文件上传成功以后，点击旁边的‘预览’图标，会打开视频预览，上面又个外链地址，复制这个外链地址。
4. 添加视频到页面
回到RainCMS后台系统中，找到要添加视频的页面， 选择‘源码’，复制以下代码到源码编辑框：
<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>
把红色部分，替换为上面复制的视频地址（因为不同的浏览器支持不同的视频格式，所以一般需要讲一个视频转换为多种格式上传，为了简单起见，我们只使用通用的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. 发布预览
视频添加好后，发布出去的效果如下图所示：
播放示例：
提交反馈
博客
