利用保利威視實現教育影片預覽與購買

場景

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

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

實作方法

從保利威視影片管理後台複製影片代碼，

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

製作一張 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";
}

最終效果