Edu Html5Player加密视频播放器
视频试看功能/预览购买功能
预播放一段时间的视频内容，引导用户付费观看完整视频，达到转化用户的目的。
视频试看功能（Video Preview 或 Free Trial）允许用户在完整观看或购买视频内容之前，免费观看视频的指定时长或部分内容。这项功能在各种付费课程、在线教育等应用场景中非常常见。
视频试看的功能和特点：
01.限制观看时长：
这是最常见的试看方式。系统会设定一个固定的试看时长（例如3分钟、5分钟等），用户在进入视频后只能观看这段时间，时间结束后视频会自动停止播放并提示用户购买或订阅以继续观看。
02.限制观看时段：
另一种试看方式是限制在特定的时间段内免费观看。例如，在付费课程中，前3分钟或前5分钟可能对所有观众免费开放，之后则需要付费才能继续观看。
03.清晰的购买/订阅引导：
当试看结束时，系统会弹出明确的提示，引导用户进行购买、订阅或解锁完整内容的操作。这通常包括价格信息、支付方式以及购买后的权益说明。
04.通常用于付费内容：
试看功能的主要目的是促进付费内容的销售和转化，例如在线课程： 用户可以试看课程的第一节或部分内容，了解讲师的风格和课程质量。知识付费产品： 电子书、音频节目等也可以通过试看/试听的形式吸引用户。
这是最常见的试看方式。系统会设定一个固定的试看时长（例如3分钟、5分钟等），用户在进入视频后只能观看这段时间，时间结束后视频会自动停止播放并提示用户购买或订阅以继续观看。
02.限制观看时段：
另一种试看方式是限制在特定的时间段内免费观看。例如，在付费课程中，前3分钟或前5分钟可能对所有观众免费开放，之后则需要付费才能继续观看。
03.清晰的购买/订阅引导：
当试看结束时，系统会弹出明确的提示，引导用户进行购买、订阅或解锁完整内容的操作。这通常包括价格信息、支付方式以及购买后的权益说明。
04.通常用于付费内容：
试看功能的主要目的是促进付费内容的销售和转化，例如在线课程： 用户可以试看课程的第一节或部分内容，了解讲师的风格和课程质量。知识付费产品： 电子书、音频节目等也可以通过试看/试听的形式吸引用户。
视频试看功能的优点：
01.降低用户决策门槛：
用户在不了解内容质量的情况下，往往不愿意直接付费。试看功能提供了“先尝后买”的机会，降低了用户的付费风险和心理门槛。
02.提升内容吸引力：
精心制作的试看片段能够充分展示内容的亮点和价值，激发用户的兴趣和购买欲望。
03.过滤不匹配用户：
对于那些对内容不感兴趣的用户，试看功能可以帮助他们快速判断，避免不必要的购买，减少退款纠纷。
04.通常用于付费内容：
试看功能的主要目的是促进付费内容的销售和转化，例如在线课程： 用户可以试看课程的第一节或部分内容，了解讲师的风格和课程质量。知识付费产品： 电子书、音频节目等也可以通过试看/试听的形式吸引用户。
05.优化用户体验：
用户无需盲目付费，能够更理性地选择和消费内容，从而提升对平台的满意度。
用户在不了解内容质量的情况下，往往不愿意直接付费。试看功能提供了“先尝后买”的机会，降低了用户的付费风险和心理门槛。
02.提升内容吸引力：
精心制作的试看片段能够充分展示内容的亮点和价值，激发用户的兴趣和购买欲望。
03.过滤不匹配用户：
对于那些对内容不感兴趣的用户，试看功能可以帮助他们快速判断，避免不必要的购买，减少退款纠纷。
04.通常用于付费内容：
试看功能的主要目的是促进付费内容的销售和转化，例如在线课程： 用户可以试看课程的第一节或部分内容，了解讲师的风格和课程质量。知识付费产品： 电子书、音频节目等也可以通过试看/试听的形式吸引用户。
05.优化用户体验：
用户无需盲目付费，能够更理性地选择和消费内容，从而提升对平台的满意度。
代码调用示例
视频试看功能(预览购买功能)代码，视频试看结束后，通过s2j_onPlayOver来控制CSS样式来显示和隐藏。
<div id="player"></div>
<script src="//player.polyv.net/resp/vod-player/latest/player.js"></script>
<script>
<div id="player"></div>
<span id="buylink" style="display:none"><a href="https://tony.89525.com/userlogin.php" >
<img alt="视频预览功能测试" src="assets/images/trial-login.png" /></a></span>
var pdiv = document.getElementById("player");
var w = pdiv.offsetWidth; // 返回元素的总宽度
var h = pdiv.offsetWidth*0.5625; // 返回元素的总高度
var player = polyvPlayer({
wrap: '#player',
width: '100%',
height: h, df: 3, autoplay: 'true',
vid: 'fcn06l1k2c8pml2lp96c7m73m2p3046pn_c',
playsafe:'4c3da1ae-0982-431a-90f8-713544839aa5-9UIDaTONYa2028',
ts:'1763513139000',
sign:'c2dc13086778c377bf4e1c8b38244857'
});
function s2j_onPlayOver(){
document.getElementById("buylink").style.display = "block";
document.getElementById("player").style.display = "none";
}
</script>视频试看功能/预览购买功能效果截图
以下为视频试看功能/预览购买功能应用，视频观看效果的截图：
视频试看功能/预览购买功能(正常试看3分钟的内容)
视频试看功能/预览购买功能(正常试看3分钟的内容)
