• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

企通互联Fireworks绘制炫彩光影缠绕DNA图案
北京网页设计入门:如何把网页特效代码加到自己的网页中
网站制作输入表单的三种布局
北京网站设计初学标准建站:XHTML+CSS 设计注意事項
北京网站建设教你制作玻璃墙后的人像特效
网站制作CSS去除表格的默认间距并且制作1px的细线表
网站设计网页设计配色应用教程之各种色彩对比分析
网页设计网页设计中针对中文排版CSS心得
网页设计网页设计制作的九大“要点”
企通互联作为一名女网页设计师,前途发展是怎么样?


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 网站建设北京网页设计在网页中给视频播放窗口预设图像

网站建设北京网页设计在网页中给视频播放窗口预设图像


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

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

一、从视频中获得图像 Chinaz

从视频中获得,主要是让视频跳到所需要的帧,然后暂停播放。下面请看在wmp与rm中的代码示例:

中.国.站.长.站

Window Media Player: Chinaz_com

1、首先在BODY中添加wmp的控件:

中.国.站.长.站

以下为引用的内容:北京网站设计

<object id="WMVplayer" height="300" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">

Chinaz@com

<param NAME="AutoStart" VALUE="-1">

中国站.长.站

<!--是否自动播放-->

中国.站. 北京网站制作长站

<param NAME="url" value="video。mpg"> 中.国.站长站

<!--播放的文件地址--> 中.国.站长站

</object> 中.国.站.长.站

[中国站长站]

2、其次在HEAD 企通互联中添加js代码:

Chinaz^com

以下为引用的内容:网页设计
  <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);北京网页设计
www.qitongnet.com  网站制作
  }北京网页设计
  北京网站建设
  else北京网页设计
  北京网站建设
  {北京网页设计
  企通互联
  obj=window。setTimeout("stopWMVplayer()",10); 站.长.站 网页设计
  网页设计
  }北京网页设计
  网站设计
  }
网页设计
  企通互联
3、再次为body添加onload事件:网页设计
  网站设计
以下为引用的内容:北京网站建设
  <body onload=” document。getElementById("WMVplayer")。Controls。currentPosition=1;stopWMVplayer();”>北京网站制作
  北京网站设计
  RealOne:
网页设计
  北京网站设计
1、首先在BODY中添加rm的控件:北京网站建设
  北京网页设计
以下为引用的内容:

Www~Chinaz~com

网页设计
  <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代码:北京网页设计
  北京网页设计
以下为引用的内容:

Www~Chinaz~com

企通互联
  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">北京网站制作
  北京网站设计
  <!—控制播放次数--> Www.Chinaz.com 北京网站制作
  北京网站建设
  <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的控件:网站制作
  北京网站制作
以下为引用的内容: Www.Chinaz.com 网站制作
  <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代码:北京网站建设
  北京网页设计
北京网站建设以下为引用的内容:

Chinaz

网页设计
  <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中功能的实现原理基本是一致的,只是一些实现方法的语句不同而已,希望大家在使用时有所注意,关于两个播放器的其它语句的具体说明这里就不再多费口舌了,大家可以通过网络进行搜索。
Chinaz_com

北京网站制作
字体:【大】【中】【小】

上一篇:网页设计网页制作初学者认识XML与HTML的区别

下一篇:北京网站设计在网页中给视频播放窗口预设图像

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates