1. 播放视频
<video width="1000px" height="400px" controls="controls" >
<source src="../video/1.mp4">
</video>
2. 播放音质
<audio src="../video/1.mp4" controls="controls">
</audio>
3.计算坐标
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test2</title>
<style type="text/css">
body{
font-size: 70%;
font-family: Verdana,Helvetica,Arial,Sans-Serif;
}
</style>
<script type="text/javascript">
function cnvs_getCoordinates(e){
x= e.clientX;
y= e.clientY;
document.getElementById("testcnvs").innerHTML=x+","+y;
}
function cnvs_clearCoordinates(){
document.getElementById("testcnvs").innerHTML="(x="+x+","+"y="+y+")";
}
</script>
</head>
<body>
<div style="float: left;width: 300px;height: 80px; background-color: #0000CC" onmouseover="cnvs_getCoordinates(event)" onmouseout="cnvs_clearCoordinates()">
</div>
<br>
<br>
<div id="testcnvs" ></div>
</body>
</html>
效果如下: