HTML5 播放视频代码
2016-05-10 14:01
537 查看
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<video id="demo" src="mov_bbb.mp4" width="300px" height="200px">ni de liulanqi bu zhichi shipin</video><br />
<button type="button" onClick="clic_play_pause()">播放或暂停</button>
<button type="button" onClick="clic_big()">大</button>
<button type="button" onClick="clic_normall()">中</button>
<button type="button" onClick="clic_small()">小</button>
<script>
var myvideo=document.getElementById("demo");
function clic_play_pause()
{
if(myvideo.paused) /*paused检测视频播放是否暂停*/
myvideo.play();
else myvideo.pause();
}
function clic_big()
{
myvideo.width=400;
}
function clic_normall()
{
myvideo.width=320;
}
function clic_small()
{
myvideo.width=180;
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<video id="demo" src="mov_bbb.mp4" width="300px" height="200px">ni de liulanqi bu zhichi shipin</video><br />
<button type="button" onClick="clic_play_pause()">播放或暂停</button>
<button type="button" onClick="clic_big()">大</button>
<button type="button" onClick="clic_normall()">中</button>
<button type="button" onClick="clic_small()">小</button>
<script>
var myvideo=document.getElementById("demo");
function clic_play_pause()
{
if(myvideo.paused) /*paused检测视频播放是否暂停*/
myvideo.play();
else myvideo.pause();
}
function clic_big()
{
myvideo.width=400;
}
function clic_normall()
{
myvideo.width=320;
}
function clic_small()
{
myvideo.width=180;
}
</script>
</body>
</html>
相关文章推荐
- HTML5 播放视频代码
- HTML5 播放视频代码
- 避坑宝典:如何选择HTML5游戏引擎
- 页面传值name与id的困惑 完美解决
- HTML5之语义化标签
- H5横向三栏布局
- HTML5新特性之Geolocation
- HTML5 New Feature Series: Geolocation
- HTML5移动应用开发最容易踩到的几个坑
- html5 新特性ajax跨域的问题和处理
- HTML5学习之新增标签
- PHP & HTML5 学习大纲
- h5+
- HTML5全局属性(一)
- HTML5 共享进程
- HTML5 canvas 画布画圆
- HTML5 canvas 画布画圆
- HTML5 canvas 画布画圆
- HTML5 canvas 画布画圆
- HTML5 canvas 画布画圆