HTML and CSS Reference
In-Depth Information
if (!videoElement.paused) {
context.drawImage(buttonSheet, 0,32,bW,bH,playX,playY,bW,bH); //Play Down
} else {
context.drawImage(buttonSheet, 0,0,bW,bH,playX,playY,bW,bH); //Play up
}
if (videoElement.paused) {
context.drawImage(buttonSheet, 32,32,bW,bH,pauseX,pauseY,bW,bH); // Pause down
} else {
context.drawImage(buttonSheet, 32,0,bW,bH,pauseX,pauseY,bW,bH); // Pause up
}
context.drawImage(buttonSheet, 64,0,bW,bH,stopX,stopY,bW,bH); // Stop up
}
function eventMouseUp(event) {
var mouseX;
var mouseY;
if ( event.layerX || event.layerX == 0) { // Firefox
mouseX = event.layerX ;
mouseY = event.layerY;
} else if (event.offsetX || event.offsetX == 0) { // Opera
mouseX = event.offsetX;
mouseY = event.offsetY;
}
//Hit Play
if ( (mouseY >= playY) && (mouseY <= playY+bH) && (mouseX >= playX) &&
(mouseX <= playX+bW) ) {
if (videoElement.paused) {
videoElement.play();
}
}
//Hit Stop
if ( (mouseY >= stopY) && (mouseY <= stopY+bH) && (mouseX >= stopX) &&
(mouseX <= stopX+bW) ) {
videoElement.pause();
videoElement.currentTime = 0;
}
Search WWH ::




Custom Search