网页播放器视频节目预览功能(视频收费模式/节目试看)免费版
网页播放器的试看功能挺实用,尤其是那种视频付费的场景,用这个方案能让用户先预览一小段内容,感觉不错再决定是否付费。试看结束后还能自定义弹出提示,比如登录提示、购买信息、联系方式等等,灵活度还挺高的。
试看时长用个变量JcScpEndTime
来设定,比如设成18
就是 18 秒自动触发结束函数。触发的getEnd
函数里你可以自由发挥,加点弹窗,加点样式都可以,核心逻辑清晰。
收费提示不是写在播放器内部,而是通过DIV+CSS
叠上去的,做前端的应该都知道,这种方式改动小,兼容性也好。响应也快,调试方便,还能配合后端语言比如PHP
、ASP
、ASPX
记录用户观看进度,实现更复杂的试看控制。
资源是免费的,效果也还不错,演示地址在这里:http://www.52player.com/WebPlayer/2016/060173.html。如果你手头正好有做课程平台、知识付费之类的项目,可以用来做个 MVP 试试。
另外,扩展阅读里也有不少相关的播放器资源,比如HTML5 播放器、MSVOD 扩展、JavaScript 播放器之类的,也可以参考下。
,逻辑简单,实现灵活,UI 你自己定,兼容性也还不错,用起来没太多坑。要说建议嘛,如果你想加登录验证,记得配合服务端做下身份判断,别全靠前端搞。
1.3MB
文件大小:
评论区