您的位置：首页 > Web前端 > HTML5

HTML5 播放视频代码

2016-05-10 14:01 405 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航