一个含JavaScript的视频播放代码

现在的位置: 首页＞JavaScript＞正文

下篇

一个含JavaScript的视频播放代码

2010年01月14日 ⁄ JavaScript ⁄ 暂无评论 ⁄ 被围观 1,252+

前不久给一个公司做网站建设，他们公司需要一个视频播放的功能，于是我就找了个视频播放的代码。但是发现一个很致命的问题就是，当开打网页的时候，视频就自动下载视频文件开始播放。这样当然不好，因为不是所有人都对该公司的视频感兴趣，因此需要一个控制该视频人为点击播放的效果。所以我通过网上查阅和近来对JavaScript的初级学习，写了个控制播放的代码，希望以后我还能更加的完善一下。

下面就是JavaScript代码，放到<head>与</head>之间：

<script>
function openWindow(theURL,winName,features) 
        window.open(theURL,winName,features);
		}
function onClickDiv(){
        document.all('divimg').style.display="none";
		player.play();
        document.all('divwmv').style.display="";
}	
</script>

下面就是视频部分，放到放视频的地方：

<div ID="divimg">
<input TYPE="image" src="images/po.jpg" width="199" height="160" onClick="onClickDiv()"></div>
<div  ID="divwmv" style="display:none ">
<object ID="player" width=199 height=160 classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" 
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" 
standby="Loading Microsoft Windows Media Player components..." TYPE="application/x-oleobject" 
align="right" hspace="5">
<param name="AutoRewind" value=1>
<param name="FileName" value="images/11.wmv">
<param name="ShowControls" value="1">
<param name="ShowPositionControls" value="0">
<param name="ShowAudioControls" value="1">
<param name="ShowTracker" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowStatusBar" value="0">
<param name="ShowGotoBar" value="0">
<param name="ShowCaptioning" value="0">
<param name="AutoStart" value=0>
<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">
<param name="TransparentAtStart" value="0">
<param name="AllowChangeDisplaySize" value="0">
<param name="AllowScan" value="0">
<param name="EnableContextMenu" value="0">
<param name="ClickToPlay" value="0">
<param name="loop" value="1">
</object>		
</div>