前端随笔--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);

 

相关推荐

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

天际流痕

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值