网站调用整合PPVOD上传接口代码标准示范

一、在你需要显示的地方插入上传按钮代码。

<!–上传按钮–>
<div class=”shangchuan_biaodan” id=”chose0″>
<div id=”chosevideo”>选择文件</div>
<div id=”divFileProgressContainer”></div>
<div class=”clear”></div>
</div>
<!–/上传按钮–>

二、上传返回表单信息示范

<!–返回表单信息–>
<h3>视频信息</h3>
<div class=”alkmst”>
<div><span>标题：</span><input readOnly=”true” type=”text” name=”title” id=”title” value=”” size=”45″></div>
<div><span>缩略图：</span><input readOnly=”true” type=”text” name=”titlepic” id=”titlepic” value=”” size=”45″></div>
<div><span>动态图：</span><input readOnly=”true” type=”text” name=”titlegif” id=”titlegif” value=”” size=”45″></div>
<div><span>视频地址：</span><input readOnly=”true” type=”text” name=”odownpath1″ id=”odownpath1″ value=”” size=”45″></div>
<div><span>下载地址：</span><input readOnly=”true” type=”text” name=”downpath1″ id=”downpath1″ value=”” size=”45″></div>
<div><span>分享地址：</span><input readOnly=”true” type=”text” name=”share” id=”share” value=”” size=”45″></p></div>
<div><span>视频ID：</span><input readOnly=”true” type=”text” name=”videoid” id=”videoid” value=”” size=”45″></p></div>
<div><span>视频时长：</span><input readOnly=”true” type=”text” name=”videotime” id=”playtime” value=”” size=”45″></div>
<div><span>文件大小：</span><input readOnly=”true” type=”text” name=”sizeview” id=”sizeview” value=”” size=”45″></div>
<div><span>二维码：</span><input readOnly=”true” type=”text” name=”erweima” id=”erweima” value=”” size=”45″></div>
<div><span>视频源文件地址：</span><input readOnly=”true” type=”text” name=”videofileurl” id=”videofileurl” value=”” size=”45″></div>
<div><span>源文件地址：</span><p><input readOnly=”true” type=”text” name=”fileurl” id=”fileurl” value=”” size=”45″></div>
</div>
<!–/返回表单信息–>

三、上传用到的js代码和调用文件

<!–云转码视频系统服务器端ip地址–>
<script language=”javascript”>
//上传地址
var hostname = window.location.hostname
var port = window.location.port || ’80’;
var ServerUrl = “http://播放域名/uploads”;
if(port == 80){
ServerUrl = “http://播放域名/uploads”; （如果你的网站使用了https则上传接口改为var ServerUrl = “https://有SSL证书的域名/uploads”;并且视频系统服务器要开放80和443端口）
}
</script>
<!–/云转码视频系统服务器端ip地址–>
<!–上传用到的js、css文件–>
<link rel=”stylesheet” type=”text/css” href=”/upload/css/up.css” />
<script src=”/upload/js/jquery-1.11.2.min.js”></script>
<script type=”text/javascript” src=”/upload/js/webuploader.js”></script>
<script type=”text/javascript” src=”/upload/js/md5.js”></script>
<script type=”text/javascript” src=”/upload/js/upload.js”></script>
<!–[if IE 8]>
<script type=”text/javascript” src=”/upload/js/jquery.xdomainrequest.min.js”></script>
<![endif]–>
<!–/上传用到的js、css文件–>

如果你需要调用云转码视频系统的分类上传功能请执行下面两步：
第一步：

在需要调用分类的地方写上:

分类：

<select name=”category” id=”category”> </select>

第二步：

在调用页面的底部加入

<script language=”javascript”>
$.ajax({
url: “http://云转码视频系统服务器ip(域名):访问端口/category”,
dataType: “json”,
success: function (data) {
var result = “<option value=”>默认</option>”;
for (var i = 0; i < data.length; i++) {
result += “<option value='” + data[i] + “‘>” + data[i] + “</option>”
}
$(“#category”)
.change(function () {
var str = “”;
$(“select option:selected”).each(function () {
str += $(this).text();
});
userInfo.category = str;
})
.change();
$(“#category”).html(result)
}
})
</script>

四、上传用到的js、css文件下载
文件里面凡是调用的css、js文件可以直接下载放到网站文件夹里面，文件包里面放了utf8和gbk两个编码版本，对照你网站的编码把css和js文件夹拿出来放到upload文件夹下面即可。

五、备注说明;
默认的上传按钮是大图片的，如果需要用按钮式的上传可选择不同的上传css文件。

<link rel=”stylesheet” type=”text/css” href=”/upload/css/up.css” />

可更换为：

<link rel=”stylesheet” type=”text/css” href=”/upload/css/upload.css” />

alliance赞助永久会员

打赏 收藏 海报 链接