RainCMS如何添加视频

Author Tanmer Tanmer
Tanmer · 2024-10-18发布 · 264 次浏览

文章用图片形式形象的展示了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. 发布预览

视频添加好后,发布出去的效果如下图所示:

 

播放示例:

提交反馈

博客 博客

专注数字内容治理,助力数字体验升级

从2017成都创交会,看大数据发展趋势

从2017成都创交会,看大数据发展趋势

2017第二届由GBDC(全球大数据联盟)主办的以“创新·衍生”为主题的全球大数据峰会于5月12日在四川成都世纪城天堂洲际酒店召开,宣布全球大数据联盟落户成都

Author 219
By Tanmer
发布:2024-10-18
Dagle工厂订单查询系统

Dagle工厂订单查询系统

Dagle工厂订单查询系统源自德国工业4.0,并且结合国内工厂行业现状而打造的一款工厂智能SaaS软件管理系统

Author 176
By Tanmer
发布:2024-10-18
医养结合云平台

医养结合云平台

四川华西中西医药研究院及其附属的成双医院、文井医院、十二家诊所联合中国居家养生网(四川云波网络科技有限公司)投巨资建立医养结合居家养老服务云平台

Author 99
By Tanmer
发布:2024-10-18
云滇牧业O2O解决方案

云滇牧业O2O解决方案

云滇牧业O2O,解决当前农业的问题:结构表现不平衡、不协调、不可持续。

Author 121
By Tanmer
发布:2024-10-18