酷播云视频 免费扩容 提供最高5G免费视频存储空间

视频节目预览(视频收费模式/节目试看)酷播V4.0免费版实现

播放器演示

视频节目预览(视频收费模式/节目试看)酷播V4.0免费版实现演示

播放器介绍

本下载包2017-5-31 做了更新:

1. 更新基于酷播V4.0版本

2. 更新支持右键自定义信息

3. 播放器代码做了优化

  视频节目预览(视频收费模式/节目试看)演示效果,使用场景:收费视频,收费课程教程,视频预览功能,节目试看功能。

  产品介绍:本范例实现用户试看一小段视频节目,即关闭视频显示收费信息(收费信息设置在DIV+CSS中实现,不是在播放器内容,使之更为灵活,程序人员可以自由设定);

  使用方式:第1步.参数中设定视频结束点秒数:例如JcScpEndTime=18; 第2步,设定getEnd函数,此函数为视频播放到指定时间点,视频结束即执行的函数;第3步,在getEnd函数中实现显示收费信息,比如提示购买,提示登陆,联系方式等等信息。

  其他提示:本范例仅是一个范例,仅供使用者参考,实际使用中,可以与网站asp,php,aspx等程序结合来实现;也可以通过程序来判断和记录用户观看时间的,从而达到视频节目预览和试看的效果。
 

  代码使用参考

<script type="text/javascript" src="js/swfobject.js"></script>
<div class="video" id="CuPlayer"><b><img src="images/loading.gif"  /> 网页视频播放器加载中,请稍后...</b></div>
<script type="text/javascript">
var so = new SWFObject("player.swf","myCuPlayer","750","420","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
//播放器设置文件-----------------------------
so.addVariable("JcScpFile","CuSunV4set.xml");
//视频文件及略缩图--------------------------
//so.addVariable("JcScpServer","rtmp://www.yoursite.com/vod");//流媒体服务器
so.addVariable("JcScpAutoPlay","yes"); //是否自动播放
so.addVariable("JcScpEndTime","18"); //视频结束时间点/秒数
so.addVariable("JcScpVideoPath","http://admin.geely.com/videoFile/geelyxingxiang.flv"); //视频文件地址
so.addVariable("JcScpImg","images/startpic.jpg");//视频缩略图
//-----------------------------------------
so.addVariable("JcScpSharetitle","极酷阳光播放器(CuSunPlayerV3.5)版使用官方演示实例");
so.write("CuPlayer");

function getEnd(pars){
    var _html = '';
    _html += '<div class="payInfo">';
    _html += '<p class="info">该视频为收费视频,请购买后观看</p>';
    _html += '<p class="title">您要购买的视频:《小学三年级语文视频教程》</p>';
    _html += '<p class="pay">需支付论坛币:10个</p>';
    _html += '<p class="paybtn">';
    _html += '<a class="btn1" target="_blank">立即购买</a>';
    _html += '<a class="btn2" href="http://wpa.qq.com/msgrd?v=3&uin=261532593&site=qq&menu=yes" target="_blank"><i class="qqLogo"></i>在线咨询</a></p>';
    _html += '</div>';
    document.getElementById('CuPlayer').innerHTML = _html;
}
</script>

视频节目预览(视频收费模式/节目试看)酷播V4.0免费版实现

视频节目预览(视频收费模式/节目试看)演示效果,使用场景:收费视频,收费课程教程,视频预览功能,节目试看功能。视频节目预览(视频收费模式/节目试看)极酷阳光V3.5免费版实现

开  发:酷播

发布时间:2016-06-01
推荐程度:★★★☆☆ 热度:2865℃
下载次数:

热门标签

我爱播放器,专注于网页播放器的开发与应用

NO69 - 极酷阳光播放器V3.5免费版(基础应用)

极酷阳光播放器V3.5免费版(基础应用) 这是一款很酷的播放器,使用简便,代码很清淅,很容易上手。...

开  发:酷播

发布时间:2016-04-15
推荐程度:☆☆☆☆☆ 热度:2364℃
下载次数:

NO58 - QQ音乐网页播放器界面很酷的

QQ音乐网页播放器界面很酷的,jQuery网页QQ音乐播放器样式代码...

开  发:酷播

发布时间:2015-06-10
推荐程度:☆☆☆☆☆ 热度:6857℃
下载次数:

NO89 - jQuery+HTML5开发的支持歌曲列表的音乐播放器

jQuery+HTML5实现带歌曲列表的音乐播放器代码,支持上一曲下一曲,支持快进,支持调节音量,带歌曲列表,自持自动播放,切换歌曲时也能切换歌曲封面...

开  发:cnblogs.com

发布时间:2017-01-05
推荐程度:☆☆☆☆☆ 热度:720℃
下载次数:

NO1 - 酷播迷你(CuPlayerMiniV3.0)经典黑(免费版20120822更新)

1.支持FlashVars调用html代码中的参数;2.支持Flv/Mp4格式视频文件播放;3.支持显示视频略缩图;4.支持自动播放/点击播放;5.支持是否重复播放;6.支持是否隐藏控制条;7.支持全屏时,是否自动隐藏控制条;隐藏时间可自定义(默认为3秒);8.显示播放进度条,带...

开  发:CuPlayer.com

发布时间:2013-04-18
推荐程度:☆☆☆☆☆ 热度:56587℃
下载次数:

NO86 - html5音乐播放器支持列表连播功能(jQuery音乐mp3播放器界面超赞)

这是一款html5音乐播放器,支持列表连播功能(jQuery音乐mp3播放器界面超赞)。界面很精致,音量调节,播放进度功有,基于jquery-1.11.1.min.js制作。...

开  发:cnblogs.com

发布时间:2016-12-29
推荐程度:☆☆☆☆☆ 热度:660℃
下载次数:

NO52 - html5音乐播放器跨平台支持苹果ios和安卓(html5音乐网页播放器)

html5音乐播放器跨平台支持苹果ios和安卓(html5音乐网页播放器)...

开  发:NetWork

发布时间:2015-03-04
推荐程度:☆☆☆☆☆ 热度:10148℃
下载次数:

NO26 - 多终端跨平台网页播放器(适配PC,Android安卓,苹果IPad/IPhone播

极酷阳光播放器V2.5版(适配移动终端演示) (本页面可以用PC,IPad,IPone,安卓手机或平板打开进行播放测试) 简要说明 : 极酷阳光播放器适配终端的目标在于:让用户在pc端,平板电脑和手机端都可以正常播放视频。 目前适配pc终端、苹果终端(含IPHONE、IPAD)...

开  发:CuPlayer

发布时间:2014-01-23
推荐程度:☆☆☆☆☆ 热度:86968℃
下载次数:

NO74 - 手机微信音乐播放器/手机mp3网页播放器/微信mp3播放器

这是一款支持手机微信使用简洁的mp3音乐播放器。1. 支持在微信中播放; 2. 支持在ios,安卓中播放器mp3;3. 也支持在pc中播放。特别提示:音乐格式仅限于mp3,不支持wma之类的格式。...

开  发:酷播

发布时间:2016-07-01
推荐程度:☆☆☆☆☆ 热度:1607℃
下载次数:
联系我们 | 友情链接2016-2018(C) www.52player.cn 我爱播放器 专注于网页播放器的开发与应用 ICP备06008174号-3