前端视频转码flv->swf

时间:2024-01-22 10:10:23

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