HTML and CSS Reference
In-Depth Information
//Hit Pause
if ( (mouseY >= pauseY) && (mouseY <= pauseY+bH) && (mouseX >= pauseX) &&
(mouseX <= pauseX+bW) ) {
if (videoElement.paused == false) {
videoElement.pause();
} else {
videoElement.play();
}
}
}
var theCanvas = document.getElementById("canvasOne");
var context = theCanvas.getContext("2d");
var bW = 32;
var bH = 32;
var playX = 190;
var playY = 300;
var pauseX = 230;
var pauseY = 300;
var stopX = 270
var stopY = 300;
theCanvas.addEventListener("mouseup",eventMouseUp, false);
setInterval(drawScreen, 33);
}
</script>
</head>
<body>
<div style="position: absolute; top: 50px; left: 50px;">
<canvas id="canvasOne" width="500" height="350">
Your browser does not support HTML5 Canvas.
</canvas>
</div>
</body>
</html>
