<!doctype html>
<html>
<head>
<title>APP</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
<script type="text/javascript">
// 开始
function download(url) {
//cpjs0204.pdf
window.location.href = url;
}
</script>
</head>
<body style="background:#fff;">
<div style="text-align:center">
<br>
<br>
<button style="width:80px;height:30px;background:#1798f2;text-align:center; color:#fff;font-size:1.2em;" onclick="playPause()">播放</button>
<button style="width:80px;height:30px;background:#1798f2;text-align:center; color:#fff;font-size:1.2em;" onclick="makeBig()">放大</button>
<button style="width:80px;height:30px;background:#1798f2;text-align:center; color:#fff;font-size:1.2em;" onclick="makeSmall()">缩小</button>
<button style="width:80px;height:30px;background:#1798f2;text-align:center; color:#fff;font-size:1.2em;" onclick="makeNormal()">常规</button>
<br>
<video id="video_view" width="420" poster="images/banner.png" src="file/demo.mp4">
not support
</video>
</div>
<script>
var myVideo = document.getElementById("video_view");
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>
