我们在网页中插入视频时,有没有发现,当视频未播放之前播放窗口黑乎乎的甚是难看,那么能否在视频未播放之前先预设一些图像呢?下面给网友们介绍两种增加预设图片的方法

  一、从视频中获得图像
  
  从视频中获得,主要是让视频跳到所需要的帧,然后暂停播放。下面请看在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-0020AFCFA" 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-0020AFCFA" 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能的实现原理基本是一致的,只是一些实现方法的语句不同而已,希望大家在使用时有所注意,关于两个播放器的其它语句的具体说明这里就不再多费口舌了,大家可以通过网络进行搜索。

最新资讯
外交部谈任正非专访内容:心胸有多大,天地就有多大

外交部谈任正非专访内

外交部发言人陆慷22日在回应一些外国公司没有对华为“
美团点评Q1总交易金额1384亿元 年度交易用户4.1亿

美团点评Q1总交易金额

财报显示,截至2019年3月31日止三个月,美团点评总交易金
美团点评财报:大幅缩减对网约车服务的补贴

美团点评财报:大幅缩减

财报显示,截至2019年3月31日止三个月,美团点评大幅缩减
美团:为减少共享单车亏损 将继续重组摩拜海外业务

美团:为减少共享单车亏

美团点评在财报中表示,为进一步减少共享单车服务的亏损
美团点评第一季度营收192亿元 同比增长70.1%

美团点评第一季度营收

财报显示,美团第一季度营收192亿元人民币,同比增长70.1%
外交部:美国无端打压科技企业不利于磋商氛围

外交部:美国无端打压科

“我们多次说过,中方的大门是敞开的,但磋商要有意义,必须
最新文章
Dreamweaver cs5命令列表怎么删除命令?

Dreamweaver cs5命令

Dreamweaver cs5命令列表怎么删除命令?Dreamweaver cs5
Dreamweaver怎么设置不可见元素的参数?

Dreamweaver怎么设置

Dreamweaver怎么设置不可见元素的参数?Dreamweaver中有
Dreamweaver cs5怎么插入AppLet类型文件?

Dreamweaver cs5怎么

Dreamweaver怎么插入AppLet类型文件?Dreamweaver制作网
Dreamweaver cs5字体家族怎么添加删除字体?

Dreamweaver cs5字体

Dreamweaver cs5字体家族怎么添加删除字体?Dreamweaver
dreamweaver cs5网页怎么链接css样式?

dreamweaver cs5网页

dreamweaver cs5网页怎么链接css样式?dreamweaver cs5
Dreamweaver页面怎么制作悬浮在固定位置的导航?

Dreamweaver页面怎么

Dreamweaver页面怎么制作悬浮在固定位置的导航?Dreamwe