墨鱼部落格帝国CMS模板内容页视频播放通用解决方案教程

墨鱼部落格帝国CMS模板内容页视频播放通用解决方案教程

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2015-02-08 19:53:47
文章简介

墨鱼部落格帝国CMS整站源码模板,内容页视频播放优化方案!本教程教你一般解决方法:通过配置模板代码,集成主流视频播放器插件,确保视频流畅播放。调整页面布局,优化视频展示区域,提升用户体验。注意视频格式兼容性与加载速度,确保跨浏览器兼容性。轻松实现内容页视频功能,为网站增添生动元素。

  • 正文开始
  • 相关阅读
  • 推荐作品

朋友或者客户经常问我,如何在网站里放视频或者上传视频在内容页进行播放?下面我分别就播放优酷或者土豆类的视频网站的视频和自由视频文件的播放做下讲解!

第一个是播放优酷或者土豆视频站点的视频:

先去优酷找到你要播放的视频,在视频的下面会有个分享,如下图:

blob.png

把这个代码复制下来,然后到帝国后台点一下编辑器的左上角有个HTML 可以切换到HTML源代码模式,如下图:

blob.png

这样 直接把刚才复制下来的代码黏贴进来,如下图:

blob.png

这样可以修改下height=498(视频高度) width=510(视频宽度)就行了!然后再切换到编辑器的正常模式(重要),就可以了!

 

下面介绍如果上传自由的视频文件然后进行播放:

把你的视频文件通过FTP传到服务器或者空间里(为什么不用在线上传?因为PHP有超时和性能差别,视频文件太大,容易崩溃或者根本传不上去)比如传到你空间里的vod文件下视频名字叫1.MP4。那么你的视频地址就是http://你的域名/vod/1.mp4 这个很容易理解吧?然后试试看看能不能下载,放到迅雷或者其他下载工具里,如果可以下载,OK那么可以进行下一步了,如果不能,请去去你空间或者服务器设置让MP4后缀可以下载,或者如果不会联系空间商,或者百度。

好了,可以下载了,那怎么才能播放呢?下面跟着我做,一样的进入编辑器,和上面步骤一样,点一下编辑器HTML切换到HTML源代码模式,然后黏贴如下代码:(HTML5现在播放代码)

<video src="http://你的域名/vod/1.mp4" controls="controls" width="640" height="480" oncontextmenu="return(false);"></video>

上面代码里的 http://你的域名/vod/1.mp4 为你的视频地址。宽度高度为 

width="640" height="480"

好了。记得再切换编辑器到正常模式来 要不不生效的!

提交保存 前台预览下OK了吧?

那么问题来了,如果我不想用HTML5播放咋办?OK那就用帝国7.2自带的编辑器吧?(我还没试过,代码如下。只有帝国7.2能用哦!)

<script src="/e/data/modadd/moreplayer/empirecmsplayer.js"></script>
<script>
EmpireCMSPlayVideo('auto','http://localhost/file/movie.flv','600','400',0,'/');
</script>

具体咋用的,请看http://moyuapi.com/e/data/modadd/moreplayer/ReadMe.html这个链接!

 

好了。就这样了。估计能懂吧?

墨鱼部落格,帝国CMS模板使用教程详解
« 上一篇 2015年02月05日
手机端帝国CMS WAP独立域名绑定与设置教程(含图片类作品源码)
下一篇 » 2015年04月19日
  • 全设备自适应网站侧边客服源码,含手机端支持 已提供下载
    148阅读0条评论0个赞
    这款客服代码是墨鱼搭建网站时的常备工具,它的功能十分全面,同时兼容电脑网页端与手机移动端,涵盖了 QQ 客服、电话客服、微信客服等主流对接渠道。而且各个功能按钮的交互逻辑清晰直观,操作便捷流畅,非常推荐大家使用!
  • HTML5手机端专属底部客服按钮(含电话与微信)制作教程及模板下载
    49阅读0条评论0个赞
    想为手机网页添加便捷客服入口?本教程专为HTML5设计,教你打造手机端专属底部客服按钮,涵盖电话与微信两大常用联系方式。详细步骤讲解搭配实用模板实例,即使是新手也能轻松上手,快速实现网页客服功能升级,提升用户体验与沟通效率,快来下载教程开启优化之旅!
  • HTML5手机端仿微信底部菜单模板下载及完整代码
    24阅读0条评论0个赞
    HTML5精仿微信手机底部菜单模板,轻松打造移动端交互新体验!本教程详细解析如何利用HTML5技术,高度还原微信底部菜单样式与功能,包含完整代码与实例下载。无论是新手入门还是进阶开发者,都能快速掌握核心技巧,一键下载模板,快速集成至项目,提升界面交互友好度,让你的应用更贴近用户习惯。
  • 帝国CMS教程,为播放字段onlinpath添加播放组功能的插件指南1500点
    42阅读0条评论0个赞
    帝国CMS教程:为播放字段onlinpath添播放组功能插件指南。本教程详细介绍如何通过插件,为帝国CMS的onlinpath播放字段增加播放组功能,实现多视频分组管理、便捷播放,提升网站视频内容管理效率与用户体验,适合网站开发者及管理员学习操作。
  • 帝国CMS列表模板list.var中调用morepic字段的详细教程
    69阅读0条评论5个赞
    《帝国CMS列表模板list.var调用morepic字段教程》:想在帝国CMS默认列表内容模板里调用morepic字段却不知如何操作?别担心,本教程为你详细讲解。通过简单几步设置,就能轻松实现该字段调用,让列表展示更丰富多元,满足你多样化的网页内容呈现需求,快速提升网页展示效果。

如本文对您有帮助,就请墨鱼抽根烟吧!