在项目中本来是要用<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>