龙空技术网

用dedecms搭建属于自己的视频网站

阴间秀才 1016

前言:

现在朋友们对“js获取视频缩略图”大体比较关心,同学们都想要了解一些“js获取视频缩略图”的相关资讯。那么小编也在网络上搜集了一些关于“js获取视频缩略图””的相关资讯,希望我们能喜欢,同学们一起来学习一下吧!

近年来,视频分享网站迅速发展,短视频,微视频,受众的注意力发生了显著的变化,网络视频正以惊人的速度走进人们的视野。历经多年发展,曾经版权混乱、泥沙俱下的中国视频网站,正在走向正版化、有序化。经过大浪淘沙,不少“先驱”成为“先烈”之后,整个行业也真正迎来了百花齐放、各具特色的发展局面。

自己做一个视频网站并不难,就看你自己是不是想朝互联网方向发展

视频营销比文章营销更受用户喜爱

做个人视频网站的支撑有页面展示程序,和点播服务器

教大家用dedecms开源程序做一个视频网站,要是觉得很麻烦的也可以自己,去网上下载一款免费的电影网站程序,很多电影程序主要是模板不丰富,不是自适应,电脑能看,手机就显得不好。

dedecms仿站的很简单,你看中的网站把他的源码保存下来再用Dreamweaver 8工具替换一下标签就可以上传到自己的网站使用,他网站是自适应你的也是了,手机,平板,电脑都能完美呈现。

这是dedecms仿站工具

仿站工具

下载dedecms程序部署到你自己的网站上,这我就不讲解了文章太多懒得打字了。

我是在自己电脑搭建的本地服务器环境做调试,演示用的

网站部署好了登陆后台部署驱动视频代码及设置,这个教程到酷播官网可以查看如何设置

dedecms部署

5.1 织梦CMS 基于酷播V4.0免费播放器的应用

织梦内容管理系统(DedeCMS)是国内专业的PHP网站内容管理系统,采用XML名字空间风格核心模板:模板全部使用文件形式保存,对用户设计模板、网站升级转移均提供很大的便利,健壮的模板标签为站长DIY 自己的网站提供了强有力的支持。

6、找到相应的位置,比如这段代码之后

{dede:field.description runphp='yes'}

if(@me<>'' )@me = '

<div class="intro">'.@me.'</div>

';

{/dede:field.description}

添加极酷播放器,如下(以下供参考,请根据你实际情况进行调整):

<!--X1 CrossPlatform /begin -->

<div class="video" id="CuPlayer" style="background:#000000;" >

<SCRIPT LANGUAGE=JavaScript>

<!--

/*

* 跨平台方案X1(基于普通HTTP协议)=============

* @param {Object} vID ID

* @param {Object} vWidth 播放器宽度设置

* @param {Object} vHeight 播放器高度设置

* @param {Object} vFile 播放器配置文件

* @param {Object} vPlayer 播放器文件

* @param {Object} vPic 视频缩略图

* @param {Object} vCssurl 移动端CSS应用文件

* @param {Object} vMp4url 视频文件地址

* 跨平台方案说明=============================

* 本实例请在IIS/Apache等网站环境下测试

* 本实例实现HTTP协议下的跨平台

* 本实例要求[视频文件地址]为mp4格式

*/

var vID = "";

var vWidth = "100%"; //播放器宽度设置

var vHeight = 400; //播放器高度设置

var vFile = "/player/CuSunV4set.xml"; //播放器配置文件

var vPlayer = "/player/player.swf?v=3.5";//播放器文件

var vPic = "{dede:field.picname/}";//视频缩略图

var vCssurl = "/player/images/minis.css"; //移动端CSS应用文件

//适配PC,安卓,iOS请用mp4文件

var vMp4url = "{dede:field.flvurl/}"; //视频文件地址

if (vMp4url==undefined || vMp4url=="" || vMp4url==null) {

document.getElementById('CuPlayer').style.display = "none";

}

//-->

</SCRIPT>

<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/player/js/CuSunX1.min.js"></script>

</div>

<!--X1 CrossPlatform /end -->

以上红色部分{dede:field.flvurl/},就是刚才添加的视频地址字段,用于调出你的视频文件地址。

2、百度一下腾讯云购买 腾讯云视频点播服务器

打开后用qq登陆就可以,点击导航栏的云产品,选择视频服务,点播,音视频存储管理,打开后就开通,就能立即使用了,免费的有7天时间使用,创业板的是399元,刚开始可以买创业版的能赚到钱了,在去买高配版的价格在2000到3万多

音视频存储管理CVS,点击立即使用,进到管理里面可以把下载好的视频上传到里面

视频上传好了在点击一下视频,在右面会跳出管理信息,在点击视频发布,有视频播放器的参数代码,把代码复制后可以粘贴到你的网站里面,别人点击就能直接观看了,还有地址列表把地址复制出来发到社区里面别人点击也可以观看。

把视频地址复制下来在粘贴到做好的视频网站里面,我这里选择一个超高清的视频地址复制下来,粘贴到视频后台播放地址1里面,点击提交,在打开网站看看效果。

标签: #js获取视频缩略图