video,audio用法小例子

Posted 我就是那个王小明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于video,audio用法小例子的主要内容,如果未能解决你的问题,请参考以下文章

QML小例子信号与槽

video与audio的使用

Java fork join ForkJoinPool 用法例子

css总结16:HTML5 多媒体音频(Audio)视频(video )

h5中的video与audio

一个有趣的小例子,带你入门协程模块-asyncio