在网页中给视频播放窗口预设图像


IT资讯	系统天下	网盟学院


硬件DIY	软件下载	网络安全

您现在的位置： ChinaBeta.cn 中文IT资讯 >> 网盟学院 >> 网站设计 >> 网管技术正文

	让我穿过那道"墙"! 畅游网络应…		主动防御！瑞星杀毒2008抢先评…
	速度超快 Discuz! 6.0.0试用手…		奇虎举证:各杀毒软件均报CNNIC…
	Google Earth 4.2加入繁体中文…		专业防护！瑞星防火墙2008测试…
	挂载RAR文件从认识到爱上WinM…		让你冲浪随心所欲如何访问被封…
	轻装上阵！江民杀毒软件2008速…		VMware Fusion苹果版全程图解(…
	VMware Fusion苹果版全程图解(…		从菜鸟出发!征服高清详细评测全…
	VS2008和ASP.NET 3.5使用之初体…		[多图]Ubuntu 7.04 初体验
	东风吹战鼓擂下载软件你选谁?		若隐若现 Windows XP DirectX …
	GPRS上网全攻略		主流杀毒软件Vista兼容性横评
	基于IRF的网络管理和业务管理解…		83个美丽的Wordpress主题
	软交换网络中的关键路由技术详…		不只是换肤?Windows Mobile 6 …
	css教程–十步学会用css建站(全…		巧妙设置路由预防网络频繁掉线
	打造网络管理七大绝技		CorelDRAW X3 Service Pack 2 …
	重温经典:回归 Live Messenger…		Oracle数据库补丁分类、安装及…

在网页中给视频播放窗口预设图像

Www.ChinaBeta.Cn 更新时间：2007-8-13 阅读次数：

【ChinaBeta.Cn 网盟学院】

我们在网页中插入视频时，有没有发现，当视频未播放之前播放窗口黑乎乎的甚是难看，那么能否在视频未播放之前先预设一些图像呢？下面给网友们介绍两种增加预设图片的方法。
　　
　　一、从视频中获得图像
　　
　　从视频中获得，主要是让视频跳到所需要的帧，然后暂停播放。下面请看在wmp与rm中的代码示例：
　　
　　Window Media Player：
　　
　　1、首先在BODY中添加wmp的控件：
　　
　　<object id="WMVplayer" height="300" width="260" classid="CLSID：6BF52A52-394A-11d3-B153-00C04F79FAA6">
　　
　　<param NAME="AutoStart" VALUE="-1">
　　
　　<！--是否自动播放-->
　　
　　<param NAME="url" value="video。mpg">
　　
　　<！--播放的文件地址-->
　　
　　</object>
　　
　　2、其次在HEAD中添加js代码：
　　
　　<script>
　　
　　var obj，obj1；
　　
　　function stopWMVplayer（）
　　
　　{
　　
　　if（document。getElementById（"WMVplayer"）。Controls。currentPosition>=1。1）//如果当前位置超过1。1，则停止播放，并且清除stopWMVplayer函数的执行；否则继续运行stopWMVplayer函数。
　　
　　{
　　
　　document。getElementById（“WMVplayer”）。Controls。Pause（）；
　　
　　window。clearTimeout（obj）；
　　
　　}
　　
　　else
　　
　　{
　　
　　obj=window。setTimeout（"stopWMVplayer（）"，10）；
　　
　　}
　　
　　}
　　
　　3、再次为body添加onload事件：
　　
　　<body onload=” document。getElementById（"WMVplayer"）。Controls。currentPosition=1；stopWMVplayer（）；”>
　　
　　
　　
　　RealOne：
　　
　　1、首先在BODY中添加rm的控件：
　　
　　<object classid="clsid：CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="RMplayer" width="300" height="240 id="RMplayer">
　　
　　<param name="AUTOSTART" value="-1">
　　
　　<！--是否自动播放-->
　　
　　<param name="SRC" value="flower。rm">
　　
　　<！--播放的文件地址-->
　　
　　<param name="CONTROLS" value="Imagewindow，ControlPanel，StatusBar">
　　
　　<！--指定哪些控制可见-->
　　
　　</object>
　　
　　2、其次在HEAD中添加js代码：
　　
　　function stopRMplayer（）
　　
　　{
　　
　　if（document。getElementById（"RMplayer"。getPosition（）>=1100）// 如果当前位置超过1100，则停止播放，并且清除stopRMplayer函数的执行；否则继续运行
　　
　　{
　　
　　document。getElementById（"RMplayer"）。doPause（）；
　　
　　window。clearTimeout（obj1）；
　　
　　}
　　
　　else
　　
　　{
　　
　　obj1=window。setTimeout（"stopRMplayer（）"，10）；
　　
　　}
　　
　　}
　　
　　3、再次为body添加onload事件：
　　
　　<body onload="document。getElementById（'RMplayer'）。setPosition（2500）；stopRMplayer（）； ">
二、从外部获取图像
　　
　　前面主要是从视频中获得某个图像，那么我们如果需要从外部获得一张图片然后显示到窗口中，又是怎么完成呢？
　　
　　Window Media Plyaer：
　　
　　1、首先在BODY中添加wmp的控件：
　　
　　<object id="WMVplayer" height="300" width="260" classid="CLSID：6BF52A52-394A-11d3-B153-00C04F79FAA6">
　　
　　<param NAME="AutoStart" VALUE="-1">
　　
　　<！--是否自动播放-->
　　
　　<param NAME="PlayCount" VALUE="999">
　　
　　<！—控制播放次数-->
　　
　　<param NAME="url" value="movie-pic。gif">
　　
　　<！--播放的文件地址-->
　　
　　</object>
　　
　　2、其次在HEAD中添加js代码：
　　
　　<script>
　　
　　Var obj；
　　
　　function WMVplayer（）
　　
　　{
　　
　　if（（document。getElementById（"WMVplayer"）。PlayState=="1"||document。getElementById（"WMVplayer"）。PlayState=="2"）&&document。getElementById（"WMVplayer"）。url。indexOf（"movie-pic。gif"）>0）//当视频文件为图像文件时，并且播放状态为暂停或停止则开始播放视频文件
　　
　　{
　　
　　document。getElementById（"WMVplayer"）。url="video。mpg"；
　　
　　window。clearTimeout（obj）；
　　
　　}
　　
　　obj=window。setTimeout（"WMVplayer（）"，10）；
　　
　　}
　　
　　</script>
　　
　　3、再次为body添加onload事件：
　　
　　<body onload="WMVplayer（）；">
　　
　　RealOne：
　　
　　1、首先在BODY中添加rm的控件：
　　
　　<object classid="clsid：CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="RMplayer" width="300" height="240 d="player">
　　
　　<param name="AUTOSTART" value="-1">
　　
　　<！--是否自动播放-->
　　
　　<param name="SRC" value="movie-pic。gif">
　　
　　<！--播放文件地址-->
　　
　　<param name="CONTROLS" value="Imagewindow，ControlPanel，StatusBar">
　　
　　<！--指定哪些控制可见-->
　　
　　<param name="LOOP" value="true">
　　
　　<！--是否循环播放-->
　　
　　</object>
　　
　　2、其次在HEAD中添加js代码：
　　
　　<script>
　　
　　var obj；
　　
　　function RMplayer（）
　　
　　{
　　
　　if（（document。getElementById（"RMplayer"）。GetPlayState（）=="4"||document。getElementById（"RMplayer"）。GetPlayState（）=="0"）&&document。getElementById（"RMplayer"）。GetSource（）。indexOf（"movie-pic。gif"）>0） //当视频文件为图像文件时，并且播放状态为暂停或停止则开始播放视频文件
　　
　　{
　　
　　document。getElementById（"RMplayer"）。SetSource（"flower。rm"）；
　　
　　window。clearTimeout（obj）；
　　
　　}
　　
　　obj=window。setTimeout（"RMplayer（）"，10）；
　　
　　}
　　
　　</script>
　　
　　3、再次为body添加onload事件：
　　
　　<body onload="RMplayer（）；">　　
　　
　　其实Window Media Player与RealOne中功能的实现原理基本是一致的，只是一些实现方法的语句不同而已，希望大家在使用时有所注意，关于两个播放器的其它语句的具体说明这里就不再多费口舌了，大家可以通过网络进行搜索。

（责任编辑：hahack）

【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

热门文章

相关报道

[软件应用]凤凰涅槃驱动精灵2008归来 (01-03) 最新网管技术

[ASP|ASP.NET]为ASP.NET MVC框架添加AJAX支持 (01-02) 最新网管技术

[JSP|JAVA]从Java到Ruby：献给引路人的策略 (01-02) 最新网管技术

[PHP]PHP多文件上传实例 (01-02) 最新网管技术

[其它编程程序]QQ 静态截图完善实现之改造 CRec… (01-02) 最新网管技术

[其它编程程序]C++运算符重载转换运算符 (01-02) 最新网管技术

[其它编程程序]详细解析C++编写的ATM自动取款机… (01-02) 最新网管技术

[其它编程程序]C++中用vectors改进内存的再分配 (01-02) 最新网管技术

[其它编程程序]C++中的虚函数((((virtual funct… (01-02) 最新网管技术

[其它编程程序]C++中用函数模板实现和优化抽象操… (01-02) 最新网管技术

没有相关网管技术

　　网友评论内容：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）