溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Dreamweave怎么在網(wǎng)頁(yè)中給視頻播放窗口預(yù)設(shè)圖像

發(fā)布時(shí)間:2021-07-26 11:00:11 來(lái)源:億速云 閱讀:294 作者:chen 欄目:互聯(lián)網(wǎng)科技

這篇文章主要講解了“Dreamweave怎么在網(wǎng)頁(yè)中給視頻播放窗口預(yù)設(shè)圖像”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“Dreamweave怎么在網(wǎng)頁(yè)中給視頻播放窗口預(yù)設(shè)圖像”吧!

    一、從視頻中獲得圖像
  
  從視頻中獲得,主要是讓視頻跳到所需要的幀,然后暫停播放。下面請(qǐng)看在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">
  
  <!--是否自動(dòng)播放-->
  
  <param NAME="url" value="video。mpg">
  
  <!--播放的文件地址-->
  
  </object>
  
  2、其次在HEAD中添加js代碼:
  
  <script>
  
  var obj,obj1;
  
  function stopWMVplayer()
  
  {
  
  if(document。getElementById("WMVplayer")。Controls。currentPosition>=1。1)//如果當(dāng)前位置超過(guò)1。1,則停止播放,并且清除stopWMVplayer函數(shù)的執(zhí)行;否則繼續(xù)運(yùn)行stopWMVplayer函數(shù)。
  
  {
  
  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">
  
  <!--是否自動(dòng)播放-->
  
  <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)// 如果當(dāng)前位置超過(guò)1100,則停止播放,并且清除stopRMplayer函數(shù)的執(zhí)行;否則繼續(xù)運(yùn)行
  
  {
  
  document。getElementById("RMplayer")。doPause();
  
  window。clearTimeout(obj1);
  
  }
  
  else
  
  {
  
  obj1=window。setTimeout("stopRMplayer()",10);
  
  }
  
  }
  
  3、再次為body添加onload事件:
  
  <body onload="document。getElementById('RMplayer')。setPosition(2500);stopRMplayer(); ">


  

二、從外部獲取圖像
  
  前面主要是從視頻中獲得某個(gè)圖像,那么我們?nèi)绻枰獜耐獠揩@得一張圖片然后顯示到窗口中,又是怎么完成呢?
  
  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">
  
  <!--是否自動(dòng)播放-->
  
  <param NAME="PlayCount" VALUE="999">
  
  <!&mdash;控制播放次數(shù)-->
  
  <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)//當(dāng)視頻文件為圖像文件時(shí),并且播放狀態(tài)為暫?;蛲V箘t開始播放視頻文件
  
  {
  
  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">
  
  <!--是否自動(dòng)播放-->
  
  <param name="SRC" value="movie-pic。gif">
  
  <!--播放文件地址-->
  
  <param name="CONTROLS" value="Imagewindow,ControlPanel,StatusBar">
  
  <!--指定哪些控制可見-->
  
  <param name="LOOP" value="true">
  
  <!--是否循環(huán)播放-->
  
  </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) //當(dāng)視頻文件為圖像文件時(shí),并且播放狀態(tài)為暫?;蛲V箘t開始播放視頻文件
  
  {
  
  document。getElementById("RMplayer")。SetSource("flower。rm");
  
  window。clearTimeout(obj);
  
  }
  
  obj=window。setTimeout("RMplayer()",10);
  
  }
  
  </script>
  
  3、再次為body添加onload事件:
  
  <body onload="RMplayer();">  
  
  其實(shí)Window Media Player與RealOne中功能的實(shí)現(xiàn)原理基本是一致的,只是一些實(shí)現(xiàn)方法的語(yǔ)句不同而已,希望大家在使用時(shí)有所注意,關(guān)于兩個(gè)播放器的其它語(yǔ)句的具體說(shuō)明這里就不再多費(fèi)口舌了,大家可以通過(guò)網(wǎng)絡(luò)進(jìn)行搜索。

感謝各位的閱讀,以上就是“Dreamweave怎么在網(wǎng)頁(yè)中給視頻播放窗口預(yù)設(shè)圖像”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)Dreamweave怎么在網(wǎng)頁(yè)中給視頻播放窗口預(yù)設(shè)圖像這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI