<html>
<head>
<title>JavaScript Play video Example</title>
</head>
<body>
<div style="margin:auto;width: 30%;text-align: center;">
<button type="button" onclick="playpause()">Play/Pause</button>
<button type="button" onclick="big()">Big</button>
<button type="button" onclick="small()">Small</button>
<button type="button" onclick="normal()">Normal</button><br>
<video width="400" id="myvideo">
<source src="video.mp4" type="video/mp4">
</video>
</div>
<Script>
var mv=document.getElementById("myvideo");
function playpause(){
if(mv.paused)
mv.play();
else{
mv.pause();
}
}
function big(){
mv.width=500;
mv.hight=500;
}
function small(){
mv.width=200;
mv.hight=200;
}
function normal(){
mv.width=400;
mv.hight=400;
}
</Script>
</body>
</html>
0 $type={blogger}:
Post a Comment