<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>獲取當前播放時間的示例-ckplayer應用示例</title>
<meta name="keywords" content="flv播放器,f4v,mp4,hlv,rtmp播放器,網頁視頻播放器,ckplayer官網,視頻流,播放器" />
<meta name="description" content="ckplayer(超酷網頁視頻播放器),支持http協議下的flv,f4v,mp4,支持rtmp視頻流和rtmp視頻回放，支持m3u8格式，是你做視頻直播，視頻點播的理想播放器 " />
<meta name="author" content="ckplayer,超酷網頁視頻播放器" />
<meta name="copyright" content="ckplayer,超酷網頁視頻播放器" />
<script type="text/javascript" src="/static/js/jq1.9.1.js"></script>
<script type="text/javascript" src="/static/js/help.js"></script>
<link href="/static/css/example.css" rel="stylesheet" type="text/css">
<style type="text/css">
#a1 {
height: 400px;
width: 600px;
}
#nowTime {
line-height: 35px;
background-color: #EBEBEB;
height: 35px;
}
</style>
</head>
<body>
<script type="text/javascript" src="http://www.ckplayer.com/static/js/laycode/laycode2.js"></script>
<div class="top">
<div class="top_left"><a href="http://www.ckplayer.com/">ckplayer.com</a></div>
<div class="top_tab"><a href="http://www.ckplayer.com/">首頁</a> | <a href="http://www.ckplayer.com/bbs/forum.php?mod=forumdisplay&fid=2">下載</a> | <a href="http://www.ckplayer.com/tool/">幫助手冊</a> | <a href="http://www.ckplayer.com/article/19.htm">應用示例</a> | <a href="http://www.ckplayer.com/bbs/forum.php">論壇</a></div>
</div>
<div class="c_title">自動播放上次播放的示例</div>
<div id="a1"></div>
<!--<script type="text/javascript" src="/ckplayer/6.6/ckplayer.js"></script>-->
<script src="../flash/ckplayer/ckplayer.js"></script>
<script type="text/javascript">
function loadedHandler() {
if (CKobject.getObjectById('ckplayer_a1').getType()) {
addPlayListener();
}
else {
addPlayListener();
}
}
function timeHandler(t) {
if (t > -1) {
SetCookie("Time", t);
}
}
function addPlayListener() {//增加播放監聽
if (CKobject.getObjectById('ckplayer_a1').getType()) {//說明使用html5播放器
CKobject.getObjectById('ckplayer_a1').addListener('play', playHandler);
}
else {
CKobject.getObjectById('ckplayer_a1').addListener('play', 'playHandler');
}
}
function playHandler() {
//alert('因為注冊了監聽播放，所以彈出此內容，刪除監聽將不再彈出');
removePlayListener();
CKobject.getObjectById('ckplayer_a1').videoSeek(getCookie("Time"));
addTimeListener();
}
function removePlayListener() {//刪除播放監聽事件
if (CKobject.getObjectById('ckplayer_a1').getType()) {//說明使用html5播放器
CKobject.getObjectById('ckplayer_a1').removeListener('play', playHandler);
}
else {
CKobject.getObjectById('ckplayer_a1').removeListener('play', 'playHandler');
}
}
function addTimeListener() {//增加時間監聽
if (CKobject.getObjectById('ckplayer_a1').getType()) {//說明使用html5播放器
CKobject.getObjectById('ckplayer_a1').addListener('time', timeHandler);
}
else {
CKobject.getObjectById('ckplayer_a1').addListener('time', 'timeHandler');
}
}
//寫cookies函數
function SetCookie(name, value)//兩個參數，一個是cookie的名子，一個是值
{
var Days = 30; //此 cookie 將被保存 30 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)//取cookies函數
{
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) return unescape(arr[2]); return null;
}
var flashvars = {
f: 'http://movie.ks.js.cn/flv/other/2014/06/20-2.flv',
c: 0,
p: 2,
b: 0,
i: '/static/images/letitgo.jpg',
loaded: 'loadedHandler',
my_url: encodeURIComponent(window.location.href)
};
var video = ['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4'];
CKobject.embed('../flash/ckplayer/ckplayer.swf', 'a1', 'ckplayer_a1', '100%', '100%', false, flashvars, video);
// CKobject.embed('/ckplayer/6.6/ckplayer.swf','a1','ckplayer_a1','100%','100%',false,flashvars,video);
</script>
<div class="yytf">
<script type="text/javascript">
/*示例詳情頁960-90*/
var cpro_id = "u1837010";
</script>
<script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
</div>
<div class="explain_title">相關代碼及說明</div>
<div class="exp">
原理：主要運用監聽技術和Cookie來記錄上次播放的位置，當播放器加載時，如果監聽到當前狀態為播放的話，那就會自動跳轉到上次Cookie的記錄，然后去除播放監聽，同時增加對時間的監聽狀態，用js寫入Cookie記錄播放時間。
</div>
</body>
</html>