-
自然排名 點(diǎn)擊多少均不要錢(qián)喲！
可能會(huì)幫您的生意提高幾倍，幾十倍 -
我們?cè)诰W(wǎng)頁(yè)中插入視頻時(shí)，有沒(méi)有發(fā)現(xiàn)，當(dāng)視頻未播放之前播放窗口黑乎乎的甚是難看，那么能否在視頻未播放之前先預(yù)設(shè)一些圖像呢？下面給網(wǎng)友們介紹兩種增加預(yù)設(shè)圖片的方法。
一、從視頻中獲得圖像
從視頻中獲得，主要是讓視頻跳到所需要的幀，然后暫停播放。下面請(qǐng)看在wmp與rm中的代碼示例：
Window Media Player：
1、首先在BODY中添加wmp的控件：
<object classid="CLSID：6BF522-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"AUTOSTART" value="-1">
<！--是否自動(dòng)播放-->
<param name="SRC" value="flower。rm">
<！--播放的文件地址-->
<param name="CONTROLS" value="Imagewindow，ControlPanel，StatusBar">
<！--指定哪些控制可見(jiàn)-->
</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>
二、從外部獲取圖像
前面主要是從視頻中獲得某個(gè)圖像，那么我們?nèi)绻枰獜耐獠揩@得一張圖片然后顯示到窗口中，又是怎么完成呢？
Window Media Plyaer：
1、首先在BODY中添加wmp的控件：
<object classid="CLSID：6BF522-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<！--是否自動(dòng)播放-->
<param NAME="PlayCount" VALUE="999">
<！—控制播放次數(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)為暫?；蛲Ｖ箘t開(kāi)始播放視頻文件
{
document。getElementById（"WMVplayer"）。url="video。mpg"；
window。clearTimeout（obj）；
}
obj=window。setTimeout（"WMVplayer（）"，10）；
}
</script>
3、再次為body添加onload事件：
<body>
RealOne：
1、首先在BODY中添加rm的控件：
<object classid="clsid：CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" name="RMplayer"player">
<param name="AUTOSTART" value="-1">
<！--是否自動(dòng)播放-->
<param name="SRC" value="movie-pic。gif">
<！--播放文件地址-->
<param name="CONTROLS" value="Imagewindow，ControlPanel，StatusBar">
<！--指定哪些控制可見(jiàn)-->
<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)為暫停或停止則開(kāi)始播放視頻文件
{
document。getElementById（"RMplayer"）。SetSource（"flower。rm"）；
window。clearTimeout（obj）；
}
obj=window。setTimeout（"RMplayer（）"，10）；
}
</script>
3、再次為body添加onload事件：
<body>
其實(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)行搜索。
在網(wǎng)頁(yè)中給視頻播放窗口預(yù)設(shè)圖像，歡迎咨詢(xún)合作。
