在自己网站上发布在线视频时如何选择预览图

2009-05-13 00:34:07来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

        我们在网页中插入视频时,有没有发现,当视频未播放之前播放窗口黑乎乎的甚是难看,那么能否在视频未播放之前先预设一些图像呢?下面给网友们介绍两种增加预设图片的方法。
  
  一、从视频中获得图像
  
  从视频中获得,主要是让视频跳到所需要的帧,然后暂停播放。下面请看在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);

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:用视频转换器搭建流媒体广播系统

下一篇:小技巧帮你除去水中拍摄套装镜头的水珠