video,audio用法小例子

用此小程序设计播放/暂停,放大缩小

<!DOCTYPE html>

<html>

<body>

 

<div style="text-align:center">

  <button onclick="playPause()">播放/暂停</button>

  <button onclick="makeBig()">放大</button>

  <button onclick="makeSmall()">缩小</button>

  <button onclick="makeNormal()">普通</button>

  <br>

  <video id="video1" width="420">

    <source src="mov_bbb.mp4" type="video/mp4">

    <source src="mov_bbb.ogg" type="video/ogg">

    您的浏览器不支持 HTML5 video 标签。

  </video>

</div>

 

<script>

var myVideo=document.getElementById("video1");

 

function playPause()

{

if (myVideo.paused)

  myVideo.play();

else

  myVideo.pause();

}

 

function makeBig()

{

myVideo.width=560;

}

 

function makeSmall()

{

myVideo.width=320;

}

 

function makeNormal()

{

myVideo.width=420;

}

</script>

 

</body>

</html>

 

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

posted @ 2016-05-28 21:43  我就是那个王小明  阅读(638)  评论(0编辑  收藏  举报