还在为自己在网页上怎么放视屏而苦恼吗，HTML5帮你解决！_html

<!DOCTYPE html>

<html>

<body>


<div style="text-align:center;">

<button onclick="playPause()">播放/暂停</button>

<button onclick="makeBig()">大</button>

<button onclick="makeNormal()">中</button>

<button onclick="makeSmall()">小</button>

<br />

<video id="video1" width="420" style="margin-top:15px;">

<source src="你的视频路径" type="video/mp4" />

<source src="你的视频路径" type="video/ogg" />

Your browser does not support HTML5 video.

</video>

</div>


<script type="text/javascript">

var myVideo=document.getElementById("video1");


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>