<html>
<head>
<style type="text/css">
.btnStyle1{ margin-top:100px;margin-left:200px;width:100px; height:60px;}
.btnStyle2{ margin-top:100px;margin-left:300px;width:100px; height:60px;}
.videoStyle{ margin-top:200px;margin-left:600px;width:640;height:480;}
</style>
<script>
function handleClick(btn){
var video=document.getElementById('videoPlay');
if(btn=='btnPlay'){
video.play();
}else if(btn=='btnPause'){
video.pause();
}
}
</script>
</head>
<body>
<button id="btnPlay" style=".btnStyle1" οnclick="handleClick('btnPlay')">start play </button>
<button id="btnPause" style=".btnStyle2" οnclick="handleClick('btnPause')">stop play </button>
<video id="videoPlay" style=".videoStyle" src="0428.mp4" controls="controls" >no-support for video tag</video>
</body>
</html>
HTML5 video标签使用
最新推荐文章于 2021-07-03 14:18:46 发布