如题,先记录一下,只是在项目中简单引用一下,没有做过深入研究,
代码导入:
<div id="lessonVideo"></div> <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script> <script type="text/javascript"> $(function() { var flashvars = { f : '${rtmp}',//rtmp地址 c : 0, b : 1, p : '1', l : 'image/common/progress.gif', //缓冲时候的显示在div中的gif图片 t : '1' }; var video = [ '${m3u8}' ]; //m3u8的播放地址 var viewSize = getViewportSize(); var width = 940; var height = 640; var newDivWidth = Math.min(width, viewSize[0] - 120); var newDivHeight = Math.min(height, viewSize[1] - 80); CKobject.embed('ckplayer/ckplayer.swf', 'lessonVideo', 'ckplayer_lessonVideo', newDivWidth, newDivHeight, false, flashvars, video); });
function getViewportSize() {
var myWidth = 0, myHeight = 0;
if (typeof (window.innerWidth) == 'number') {
myWidth = window.innerWidth;
myHeight = window.innerHeight;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
return [ myWidth, myHeight ];
}
</script>
只要推流,这个div就可以在线点播,效果不错