欢迎,请 登录 | 注册 | 加入收藏

海洋CMS整合PPVOD视频上传转码功能

 首先你要下载PPVOD云视频软件才能用到这个功能:http://PPVOD.com/convert/3/422.html

1、添加PPVOD播放器类型

 

打开海洋CMS/js/player文件夹添加一个PPVOD播放器文件,代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link href="./video.css" rel="stylesheet">

<SCRIPT LANGUAGE="JavaScript1.2">

adTime=parent.adsTime; 

 

chanceAd=1;

var ns=(document.layers);

var ie=(document.all);

var w3=(document.getElementById  &&  !ie);

adCount=0;

function initAd(){

        if(!ns  &&  !ie  &&  !w3) return;

        if(ie)             adDiv=eval('document.all.sponsorAdDiv.style');

        else if(ns)        adDiv=eval('document.layers["sponsorAdDiv"]');

        else if(w3)        adDiv=eval('document.getElementById("sponsorAdDiv").style');

        randAd=Math.ceil(Math.random()*chanceAd);

        if (ie||w3)

        adDiv.visibility="visible";

        else

        adDiv.visibility ="show";

        if(randAd==1) showAd();

document.getElementById("zzzif").src=parent.adsPage; 

document.getElementById("zzzif").height=parent.playerh + 10;

document.getElementById("zzzif").width=parent.playerw;

}

function showAd(){

if(adCount<adTime*10){adCount+=1;

        if (ie){documentWidth  =document.body.offsetWidth/2+document.body.scrollLeft-20;

        documentHeight =document.body.offsetHeight/2+document.body.scrollTop-20;}

        else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;

        documentHeight=window.innerHeight/2+window.pageYOffset-20;}

        else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;

        documentHeight=self.innerHeight/2+window.pageYOffset-20;}

        adDiv.left=documentWidth-200;adDiv.top =documentHeight-200;

        setTimeout("showAd()",100);}else closeAd();

}

function closeAd(){

if (ie||w3)

adDiv.display="none";

else

adDiv.visibility ="hide";

}

onload=initAd;

</script>

</head>

<body style="margin:0px;padding:0px;">

<div id="sponsorAdDiv" style="visibility:hidden; z-index:999; height:105%; width:100%;">

<iframe id="zzzif" name="zzzif" src="" scrolling="no" frameborder="0"></iframe>

</div>

<div id="play_header">

    <div id="header3"></div>

<div id="header1"></div>

    <div id="header2"></div>

</div>

<div id="play_box">

<div id="player"></div>

    <div id="video_menu"></div>

</div>

<script>

parent.video_diy();

var playerh=parent.playerh-33;

document.getElementById('player').innerHTML  = '<iframe width="100%" height="'+playerh+'" src="'+parent.now+'" frameborder="0" allowfullscreen></iframe>';

</script>   

</body>

</html>

文件命名为PPVOD.html

2、后台添加播放器类型

海洋cms添加PPVOD播放器.png

3、添加视频的时候复制列表的分享地址,选择PPVOD播放器即可

选择PPVOD播放器.png

4、如果需要整合视频上传功能往下看。

 

admin_video.rar
文件类型: .rar ad84bceec66fa3fc4c9d9d210df69e6f.rar (3.48 KB)

不会弄就直接下载,打开文件把里面的服务器Ip替换为你的视频软件服务器ip

然后覆盖网站文件夹下面的这个文件/admin/templets/admin_video.htm

如果是其他版本要引入上传功能,在</head>前面添加以下代码:

<script src="http://云视频服务器地址:2000/js/jquery-1.11.2.min.js"></script>    

         <script language="javascript">

                   var ServerUrl = "http://云视频服务器地址:2000/uploads/";

                   $(document).ready(function(){

                            //$('[data-toggle="tooltip"]').tooltip()

                            var hostname = window.location.hostname

                            var port = window.location.port || '80';

                            ServerUrl = "http://云视频服务器地址:2000/uploads";          

                   })      

         </script>

<link rel="stylesheet" type="text/css" href="http://云视频服务器地址:2000/upload/css/upload.css" />

         <script type="text/javascript" src="http://云视频服务器地址:2000/upload/js/webuploader.js"></script>

         <script type="text/javascript" src="http://云视频服务器地址:2000/upload/js/md5.js"></script>

         <script type="text/javascript" src="http://云视频服务器地址:2000/upload/js/haiyang.js"></script>

查找<?php if($cfg_user==1){?>

在前面添加上传按钮代码:

 <tr><td  height="30" class="td_border">&nbsp;上传视频:</td>

<td height="30" class="td_border">

<div class="uploadmain" style="80%">

     <div class="shangchuan_biaodan" id="chose0">

              <div id="chosevideo">选择文件</div>

              <div id="divFileProgressContainer"></div>

            </div>  </div>

            </div>  </div>

</td>

           </tr>

5、修改软件返回的id值,让视频上传完成后自动返回信息给表单

 打开PPVOD云视频软件文件夹\work\public\upload\js

下载文件覆盖即可,路径为\work\public\upload\js\haiyang.js 

haiyang.zip
文件类型: .zip 55a9c25f5182bb666f469779f0099d47.zip (4.29 KB)

 

海洋CMS整合PPVOD效果.png



PPVOD视频点播系统下载地址:http://www.ppvod.com/convert/3/422.html
PPVOD全能直播软件下载地址:http://www.ppvod.com/live/3/428.html
在线服务QQ:250093148