需要在網(wǎng)站上放一個(gè)視頻教程,用戶只允許觀看5分鐘,完了之后顯示需要注冊購買視頻才能繼續(xù)觀看。點(diǎn)擊之后跳到登錄購買鏈接。
原理
借用保利威播放器的watch_end_time參數(shù),限制播放器播放時(shí)間。
然后利用播放器的播放結(jié)束事件,觸發(fā)到s2j_onPlayOver,把播放器隱藏,顯示一張圖片,引導(dǎo)用戶注冊或購買。
實(shí)現(xiàn)方法
從保利威視頻管理后臺拷貝視頻代碼,
按源碼方式貼到自己網(wǎng)站,修改flashvars參數(shù)的value,增加watch_end_time=10,如果是5分鐘,則設(shè)置為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的圖片(跟視頻播放器大小一致),播放器預(yù)覽時(shí)間完成之后用來顯示在播放器上方,提示用戶應(yīng)該購買。
這里用了這張圖:
播放之前還不到它出場,先用隱藏的圖層,鏈接用購買或者注冊的
<span id="buylink" style="display:none"><a href="http://pay.polyv.net/purchase.htm?packageId=12"><img alt="" src="/uploads/allimg/130911/1-13091110350RR.png" style="width: 640px; height: 340px;" /></a></span>
function s2j_onPlayOver()
{
//alert("播放結(jié)束");
document.getElementById("buylink").style.display = "block";
document.getElementById("player").style.display = "none";
}
最終效果