前端随笔--WEB中播放视频(JS实现)

网页中播放视频已经很常见了，网上也有很多的视频播放插件。因为工作的需要，研究了下视频的播放，但是没有使用其他视频播放的插件(修改起来比较麻烦)，自己写了些代码实现了下。下面的代码是使用js实现的，通过ajax 获取的播放源，这里只贴出了重要的部分。如果需要比较全的代码，可以给我留言。

注意：播放flv格式的视频，需要下载插件，插件地址：

http://www.5ixiudou.com/portal/detailInfo/1000000005/220

if(fileName.toUpperCase().indexOf(".FLV") > -1){

//如果是 flv 格式的视频

var item =

 

'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="400">'+

'<param name="movie" value="'+$.basePath+'/images/flvplayer.swf" />'+

'<param name="quality" value="high" />'+

'<param name="allowFullScreen" value="true" />'+

'<param name="FlashVars" value="vcastr_file=/portal-wysiwyg/'+fileName+'&LogoText=description&BufferTime=3&IsAutoPlay=1">'+

'<embed src="'+$.basePath+'/images/flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=/portal-wysiwyg/'+fileName+'&IsAutoPlay=1&LogoUrl=images/logo.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="400"></embed>'+

'</object>';

}else if(fileName.toUpperCase().indexOf(".MP4") > -1){

var item = '<video style="width:100%;margin:auto;padding:auto;min-height:300px;" controls="controls" src="'+""+'/portal-wysiwyg/'+fileName+'"></video>';

}else{

//如果不是 flv 格式的视频

var item =' <embed style="width:100%;margin:auto;padding:auto;min-height:300px;" autostart="false" play="false" flashvars="autoplay=false&play=false" src="'+""+'/portal-wysiwyg/'+fileName+'">'+

'</embed>';

 

}

$("#editor").insertText(item);