您好,登錄后才能下訂單哦!
這篇文章主要講解了“Dreamweave怎么在網頁中給視頻播放窗口預設圖像”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Dreamweave怎么在網頁中給視頻播放窗口預設圖像”吧!
一、從視頻中獲得圖像
從視頻中獲得,主要是讓視頻跳到所需要的幀,然后暫停播放。下面請看在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);
}
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-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代碼:
<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中功能的實現原理基本是一致的,只是一些實現方法的語句不同而已,希望大家在使用時有所注意,關于兩個播放器的其它語句的具體說明這里就不再多費口舌了,大家可以通過網絡進行搜索。
感謝各位的閱讀,以上就是“Dreamweave怎么在網頁中給視頻播放窗口預設圖像”的內容了,經過本文的學習后,相信大家對Dreamweave怎么在網頁中給視頻播放窗口預設圖像這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。