ckplayer 外掛線上視訊播放
阿新 • • 發佈：2018-11-11
1. CKplayer 它是一款用於網頁上播放視訊的外掛，支援的格式有：http 協議上的 flv, f4v, mp4格式，同時支援 rtmp 視訊流格式播放。使用非常簡單。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>視訊播放測試</title> <script src="ckplayer.js" type="text/javascript"></script> </head> <body> <div id="videoPlay"></div> <script type="text/javascript"> //var flashvars = { // "f": "m3u8.swf",//視訊地址 // "a": "http://open.ys7.com/openlive/0cdaada32f2d4106949b073e48d126da.m3u8",//呼叫時的引數，只有當s>0的時候有效 // "s": "0",//呼叫方式，0=普通方法（f=視訊地址），1=網址形式,2=xml形式，3=swf形式(s>0時f=網址，配合a來完成對地址的組裝)// "c": "0",//是否讀取文字配置,0不是，1是 // "x": "",//呼叫配置檔案路徑，只有在c=1時使用。預設為空呼叫的是ckplayer.xml // "e": "3",//視訊結束後的動作，0是呼叫js函式，1是迴圈播放，2是暫停播放並且不呼叫廣告，3是呼叫視訊推薦列表的外掛，4是清除視訊流並呼叫js功能和1差不多，5是暫停播放並且呼叫暫停廣告 // "v": "80",//預設音量，0-100之間 // "p": "0",//視訊預設0是暫停，1是播放，2是不載入視訊 // "h": "0",//播放http視訊流時採用何種拖動方法，=0不使用任意拖動，=1是使用按關鍵幀，=2是按時間點，=3是自動判斷按什麼(如果視訊格式是.mp4就按關鍵幀，.flv就按關鍵時間)，=4也是自動判斷(只要包含字元mp4就按mp4來，只要包含字元flv就按flv來)// "q": "",//視訊流拖動時參考函式，預設是start // "m": "",//讓該引數為一個連結地址時，單擊播放器將跳轉到該地址 // "o": "",//當p=2時，可以設定視訊的時間，單位，秒 // "w": "",//當p=2時，可以設定視訊的總位元組數 // "g": "",//視訊直接g秒開始播放 // "j": "",//跳過片尾功能，j>0則從播放多少時間後跳到結束，<0則總總時間-該值的絕對值時跳到結束 // "k": "30|60",//提示點時間，如 30|60滑鼠經過進度欄30秒，60秒會提示n指定的相應的文字 // "n": "這是提示點的功能，如果不需要刪除k和n的值|提示點測試60秒",//提示點文字，跟k配合使用，如 提示點1|提示點2 // "wh": "",//寬高比，可以自己定義視訊的寬高或寬高比如：wh:"4:3",或wh:"1080:720" // "lv": "1",//是否是直播流，=1則鎖定進度欄 // "i": "http://www.ckplayer.com/images/loadimg3.jpg",//初始圖片地址 // "d": "http://www.ckplayer.com/down/pause6.1_1.swf|http://www.ckplayer.com/down/pause6.1_2.swf",//暫停時播放的廣告，swf/圖片,多個用豎線隔開，圖片要加連結地址，沒有的時候留空就行 // "u": "",//暫停時如果是圖片的話，加個連結地址 // "l": "http://www.ckplayer.com/down/adv6.1_1.swf|http://www.ckplayer.com/down/adv6.1_2.swf",//前置廣告，swf/圖片/視訊，多個用豎線隔開，圖片和視訊要加連結地址 // "r": "",//前置廣告的連結地址，多個用豎線隔開，沒有的留空 // "t": "10|10",//視訊開始前播放swf/圖片時的時間，多個用豎線隔開 // "y": "",//這裡是使用網址形式呼叫廣告地址時使用，前提是要設定l的值為空 // "z": "http://www.ckplayer.com/down/buffer.swf",//緩衝廣告，只能放一個，swf格式 // "loaded": "loadedHandler"//當播放器載入完成後傳送該js函式loaded //}; //var params = { // "bgcolor": "#FFF", // "allowFullScreen": true, // "allowScriptAccess": "always" //};//這裡定義播放器的其它引數如背景色（跟flashvars中的b不同），是否支援全屏，是否支援互動 var flashvars = { "c": 0, //不載入文字配置 "p": 1, //頁面載入完成後直接播放視訊 "k": "5|10|18|20|25", //提示點時間列表 "n": "提示點5|提示點10|提示點18|提示點20|提示點25", //提示點文字列表 "f": "video_test.flv" //"f": "http://movie.ks.js.cn/flv/other/1_0.flv" //視訊地址 }; var params = { "bgcolor": "#fff", "wmode": "transparent", "allowFullScreen": true, "allowScriptAccess": "always" }; CKobject.embedSWF("ckplayer.swf", "videoPlay", "ckplayer_a1", "600", "338", flashvars, params); //支援並優先使用h5播放 //var video = ["http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4"]; //CKobject.embed("ckplayer.swf", "videoPlay", "ckplayer_a1", "600", "338", true, flashvars, video, params); </script> </body> </html>
2. 測試原始碼
https://download.csdn.net/download/tracine0513/10729945