保利威文档中心

幫助中心

利用保利威視實現教育影片預覽與購買,讓影片幫你創造教育價值

更新時間:2022-05-24 10:26:31

場景

需要在網站上放一個影片教學,使用者只允許觀看5分鐘,結束後顯示需要註冊購買影片才能繼續觀看。點擊後跳到登入購買連結。

原理

借用保利威視播放器的watch_end_time參數,限制播放器播放時間。 然後利用播放器的播放結束事件,觸發到s2j_onPlayOver,把播放器隱藏,顯示一張圖片,引導使用者註冊或購買。

實作方法

從保利威視影片管理後台複製影片程式碼,

以原始碼方式貼到自己網站,修改flashvars參數的value,增加watch_end_time=10,如果是5分鐘,則設定為watch_end_time=300

<span id="player"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" height="340" id="polyv_player" width="640"><param name="movie" value="http://player.polyv.net/videos/cc3b755ad24a2c9bf54bcffef6a51453_c.swf" /><param name="allowscriptaccess" value="always" /><param name="flashVars" value="watch_end_time=10" /><param name="allowFullScreen" value="true" /><embed allowfullscreen="true" allowscriptaccess="always" flashvars="watch_end_time=10" height="340" name="polyv_player" src="http://player.polyv.net/videos/cc3b755ad24a2c9bf54bcffef6a51453_c.swf" type="application/x-shockwave-flash" width="640"></embed></object></span>

製作一張640x340的圖片(跟影片播放器大小一致),播放器預覽時間完成之後用來顯示在播放器上方,提示使用者應該購買。
這裡用了這張圖:

播放之前還不到它出場,先用隱藏的圖層,連結用購買或註冊的

 <span id="buylink"><a href="http://pay.polyv.net/purchase.htm?packageId=12"><img alt="" src="/uploads/allimg/130911/1-13091110350RR.png" /></a></span>

最後只需兩行javascript就搞定了:

function s2j_onPlayOver()
{
    //alert("播放结束");
        document.getElementById("buylink").style.display = "block";
    document.getElementById("player").style.display = "none";
}
function s2j_onPlayOver()
{
    //alert("播放結束");
        document.getElementById("buylink").style.display = "block";
    document.getElementById("player").style.display = "none";
}

最終效果

联系客服,在线咨询