网页中播放flv视频

function playVideo(swf_file,autoplay, wdth, height, title, url, element) {
	var swf_file = swf_file;		//flvplayer文件路径
	var swf_width = wdth;
	var swf_height = height;
	var swf_bgcolor = '#000000';		
	var swf_title = title;
	var flv_fileUrl = url;
	var so = new SWFObject(swf_file,'',swf_width,swf_height,'8',swf_bgcolor,false);
	so.addParam('allowFullScreen', 'true');
	so.addParam('menu', 'false');
	so.addParam('wmode', 'Opaque');
	so.addParam('quality', 'high');
	so.addVariable('vcastr_title', swf_title);
	so.addVariable('vcastr_file',flv_fileUrl);
	so.addVariable('BarColor','0xc7ac6f');	
	so.addVariable('BarPosition','0');		
	so.addVariable('IsAutoPlay',autoplay);			
	so.addVariable('IsContinue','1');				
	so.addVariable('BarTransparent','60');		
	so.addVariable('GlowColor','0xff7700');		
	so.addVariable('BufferTime','8');			
	so.write(element);
}

SWFObject是一个用于在HTML中方便插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的 HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准。

var so = new SWFObject(swf, id, width, height, version, background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);

创建一个新的SWFObject实例,并且传入一下参数:

swf - SWF文件路径
id - 您为这个SWF文件分配的id值,它将用于给embed与object标签设定name属性,以便于可以支持swliveconnect的功能,如动态传入变量
width - 宽度
height - 高度
version - FlashPlayer需要的版本号,它可以详细到 '主版本号.小版本号.细节',例如:"6.0.65"。一般地,我们只需传入主版本即可,例如:"8"。
background-color - Flash资源的背景色,16进制格式
此外,还有如下可选参数:

quality - 画面质量,默认为"high"。
xiRedirectUrl - 详见ExpressInstall相关
redirectUrl - 没有安装相应版本的播放器后自动跳转的目标地址
detectKey - 这是当忽略检测时,SWFObject将去url地址中查找的变量,默认值为“detectflash”,后续有详细介绍
so.write("element");将Flash资源应用到DOM里,在浏览器显示出来。

使用该方式需要在html中引入swfobject.js文件。

2.直接在网页中动态插入

function playflv(url,string,w,h){
	var str='';
	str +='<div style="float:left;width:40%;margin-left:7%;align:center;">';
	str +='<div style="align:center;">'+string+'</div>';
	str +='<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="'+w+'" height="'+h+'" id="Untitled-1" align="middle">';
	str +='<param name="allowScriptAccess" value="sameDomain" />';
	str +='<param name="movie" value="js/flvplayer.swf" />';
	str +='<param name="quality" value="high" />';
	str +='<param name="autoStart" value="true" />';
	str +='<param name="bgcolor" value="#ffffff" />';
	str +='<param name="FlashVars" value="vcastr_file='+url+'" />';
	str +='<embed src="js/flvplayer.swf" quality="high" bgcolor="#ffffff" FlashVars="vcastr_file='+url+'" width="'+w+'" height="'+h+'" name="mymovie" align="middle" allowScriptAccess="never" allowNetworking="internal" autostart="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	str +='</object>';
	str +='<div style="align:center;"><br/></div>'
	str +='</div>'
	$("#video").append(str);
}

这里要注意路径问题,例如'E:\a\b.flv',直接这样传入'\'会被解释为转义符,可以写成'E:\\a\\b.flv',或者写成'E:/a/b.flv'。

另外要注意,如果.swf文件和调用它的.html文件在同一目录,则播放.flv使用相对路径或绝对路径都不会出错;但是如果.swf文件没有和调用它的.html在同一目录,则在播放.flv视频的时候若使用相对路径,此时视频的实际路径为'.html页面路径'+'绝对路径',此时当然是无效路径,所以应该先退回到上一个目录,此时建议使用绝对路径。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
智慧校园整体解决方案是响应国家教育信息化政策,结合教育改革和技术创新的产物。该方案以物联网、大数据、人工智能和移动互联技术为基础,旨在打造一个安全、高效、互动且环保的教育环境。方案强调从数字化校园向智慧校园的转变,通过自动数据采集、智能分析和按需服务,实现校园业务的智能化管理。 方案的总体设计原则包括应用至上、分层设计和互联互通,确保系统能够满足不同用户角色的需求,并实现数据和资源的整合与共享。框架设计涵盖了校园安全、管理、教学、环境等多个方面,构建了一个全面的校园应用生态系统。这包括智慧安全系统、校园身份识别、智能排课及选课系统、智慧学习系统、精品录播教室方案等,以支持个性化学习和教学评估。 建设内容突出了智慧安全和智慧管理的重要性。智慧安全管理通过分布式录播系统和紧急预案一键启动功能,增强校园安全预警和事件响应能力。智慧管理系统则利用物联网技术,实现人员和设备的智能管理,提高校园运营效率。 智慧教学部分,方案提供了智慧学习系统和精品录播教室方案,支持专业级学习硬件和智能化网络管理,促进个性化学习和教学资源的高效利用。同时,教学质量评估心和资源应用平台的建设,旨在提升教学评估的科学性和教育资源的共享性。 智慧环境建设则侧重于基于物联网的设备管理,通过智慧教室管理系统实现教室环境的智能控制和能效管理,打造绿色、节能的校园环境。电子班牌和校园信息发布系统的建设,将作为智慧校园的核心和入口,提供教务、一卡通、图书馆等系统的集成信息。 总体而言,智慧校园整体解决方案通过集成先进技术,不仅提升了校园的信息化水平,而且优化了教学和管理流程,为学生、教师和家长提供了更加便捷、个性化的教育体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值