·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]视频节目预览功能的实现,支持微信观看预览

时间:2017-10-13 14:12酷播
应用场景说明:1. 实现让用户预览一小段视频节目;2. 设定一个预览时间,比如15秒,播放完15秒后,弹出对话框,提示用户须注册(或须付费购买);3. 弹出的对话框内容由div+css内容设定,可自由设定弹出框的内容,比较方便使用;

【 原创文章 】2017-10-13 长沙

播放器预览演示地址:http://52player.89525.com/Demos/CuPlayerV4Pre/

播放器范例下载地址:http://52player.89525.com/VideoPlayer/2017/1012446.html


应用场景说明:

1. 实现让用户预览一小段视频节目;

2. 设定一个预览时间,比如15秒,播放完15秒后,弹出对话框,提示用户须注册(或须付费购买);

3. 弹出的对话框内容由div+css内容设定,可自由设定弹出框的内容,比较方便使用;

4. 播放器接收设定的结束时间值后,停止播放视频,执行结束函数从而弹出结束的提示对话框;

5. 本范例是支持电脑端观看,也支持手机端、平板、微信端观看,适配性强。

6. 播放器是免费的。


在移动端/微信手机端显示的效果:



在电脑端显示的效果:



播放器功能提示说明:

 

1. 增加播放器优先级选项;

  1. //播放模式默认 0  : PC浏览器=flash; 安卓苹果=html5  
  2. //html5优先   1  : PC浏览器支持html5时=html5/不支持html5时=flash; 安卓苹果=html5  
  3. //flash优先   2  : PC浏览器=flash; 安卓=flash; 苹果=html5 
2. 增加支持PC端和移动端的视频预览功能(收费预览视频功能);

3. 增加微信中的logo显示 ( iOS下支持);
4. 设定一个预览时间,比如15秒,播放完15秒后,弹出对话框,提示用户须注册(或须付费购买)。

下载地址:http://52player.89525.com/VideoPlayer/2017/1012446.html

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器