首先准备一个.ogg 的视频文件,在页面上实现视频的播放、暂停,窗口的大小控制。

所用到的方法play()、pause(),所用到的属性 width、paused。

<BODY>
  <div style="text-align:center;">
    <button onclick="playPause()">播放/暂停</button>
 <button onclick="makeBig()">大</button>
 <button onclick="makeNormal()">中</button>
 <button onclick="makeSmall()">小</button>
 <br/>
 <video id="video1" width="420" style="margin-top:15px;">
    <source src="mov_bbb.ogg" type="video/ogg"/>
 </video>
  </div>
  <script type="text/javascript">
    var myVideo=document.getElementById("video1");
 function playPause()
 {
   if(myVideo.paused)
     myVideo.play();
   else
     myVideo.pause();
 }
 function makeBig()
 {
   myVideo.width=560;
 }
 function makeNormal()
 {
   myVideo.width=420;
 }
 function makeSmall()
 {
   myVideo.width=320;
 }
  </script>
 </BODY>

posted on 2013-04-16 18:20  老姐不老  阅读(607)  评论(0编辑  收藏  举报