video，audio用法小例子
用此小程序設計播放/暫停,放大縮小
<!DOCTYPE html>
<html>
<body>
?
<div style="text-align:center">
? <button οnclick="playPause()">播放/暫停</button>
? <button οnclick="makeBig()">放大</button>
? <button οnclick="makeSmall()">縮小</button>
? <button οnclick="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>
轉載于:https://www.cnblogs.com/this-xiaoming/p/5538390.html
總結
以上是生活随笔為你收集整理的video，audio用法小例子的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 在sublime-text中设置浏览器预
- 下一篇： 帮忙一下大家