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>
最新文章
- Linux远程复制命令SCP
- Pyhont-Urllib2
- Redisd VS Memcached
- oracle 常用sql
- Ubuntu 开启 Crontab 计划任务日志
- hdu-------(1848)Fibonacci again and again(sg函数版的尼姆博弈)
- JVM优化之调整大内存分页(LargePage)
- 使用CSS时间打点的Loading效果的教程
- 一步一步学android之事件篇——单击事件
- [git] 细说commit (git add/commit/diff/rm/reset 以及 index 的概念)
- awk练习题-v参数
- Intellij Idea中如何debug本地maven项目
- Lesson 29 Taxi!
- mongoDB 文档操作_删
- LeetCode 145. Binary Tree Postorder Traversal 二叉树的后序遍历 C++
- Git -- 自定义git样式
- python里实现DSL
- ifup / ifdown eth0 / eno1 reports unknown interface when it exists!
- ethereumjs/ethereumjs-common-2-API文档
- Linux printf 命令