在项目中本来是要用<video>标签插入视频,但此标签不支持flv格式,上网也是搜了很多,试了很久才成功(其他格式不是很清楚你们可以尝试看看)
所用技术 flach (Flvplayer.swf),ckplayer.js,jq
//链接:http://www.zgtyjs.org/education/v/video.jsp
<html> <div class="left"> <object class="obj" codebase=" http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="80%" height="650px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="quality" value="high"> <param name="allowFullScreen" value="true"> <param name="movie" value="/education_online/education/v/swf/Flvplayer.swf"> <param class="vo1" name="FlashVars" value="vcastr_file=http://video.moe.gov.cn/tiweiyisi/xiaoyuanzuqiu/xyzqttzq_001.flv&IsContinue=1"> <embed class="vo2" id="vo2" src="/education_online/education/v/swf/Flvplayer.swf" flashvars="vcastr_file=http://video.moe.gov.cn/tiweiyisi/xiaoyuanzuqiu/xyzqttzq_001.flv&IsContinue=1" width="100%" height="650px" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowfullscreen="true" type="application/x-shockwave-flash"> </embed> </object> </div>
</div>
<html>
<script>
/*
相关部分代码,append里的代码不可少写,这是为了每次点击视频选集时重新加载
*/
$(".left .obj").append(\'<param name="quality" value="high">\'+
\'<param name="allowFullScreen" value="true"><param name="movie" value="/education_online/education/v/swf/Flvplayer.swf">\'+
\'<param class="vo1" name="FlashVars" value="vcastr_file=\'+dataList[ooid].url+\'&IsContinue=1">\'+
\'<embed class="vo2" id="vo2" src="/education_online/education/v/swf/Flvplayer.swf" flashvars="vcastr_file=\'+dataList[ooid].url+\'&IsContinue=1" width="100%" height="650px" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowfullscreen="true" type="application/x-shockwave-flash"></embed>\')
})
</script>