在网页中给视频播放窗口预设图像
[ 来源： | 作者： | 更新日期:2007-8-16 12:24:07 |
评论 0 条 |
我要投稿 ]
我们在网页中插入视频时，有没有发现，当视频未播放之前播放窗口黑乎乎的甚是难看，那么能否在视频未播放之前先预设一些图像呢？下面给网友们介绍两种增加预设图片的方法。
一、从视频中获得图像
从视频中获得，主要是让视频跳到所需要的帧，然后暂停播放。下面请看在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> 字串5
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"> 字串9
<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）； 字串1
}
}
3、再次为body添加onload事件：
<body onload="document。getElementById（'RMplayer'）。setPosition（2500）；stopRMplayer（）； ">
Tags：预设 图像 窗口 播放 视频 网页 getElementById document
您的位置: