HTML and CSS Reference
In-Depth Information
x
=
event
.
pageX
;
y
=
event
.
pageY
;
}
else
else
{
x
=
e
.
clientX
+
document
.
body
.
scrollLeft
+
document
.
documentElement
.
scrollLeft
;
y
=
e
.
clientY
+
document
.
body
.
scrollTop
+
document
.
documentElement
.
scrollTop
;
}
x
-=
theCanvas
.
offsetLeft
;
y
-=
theCanvas
.
offsetTop
;
mouseX
=
x
;
mouseY
=
y
;
//Hit Play
iif
( (
mouseY
>=
playY
)
&&
(
mouseY
<=
playY
+
bH
)
&&
(
mouseX
>=
playX
)
&&
(
mouseX
<=
playX
+
bW
) ) {
iif
(
videoElement
.
paused
) {
videoElement
.
play
();
}
}
//Hit Stop
iif
( (
mouseY
>=
stopY
)
&&
(
mouseY
<=
stopY
+
bH
)
&&
(
mouseX
>=
stopX
)
&&
(
mouseX
<=
stopX
+
bW
) ) {
videoElement
.
pause
();
videoElement
.
currentTime
=
0
;
}
//Hit Pause
iif
( (
mouseY
>=
pauseY
)
&&
(
mouseY
<=
pauseY
+
bH
)
&&
(
mouseX
>=
pauseX
)
&&
(
mouseX
<=
pauseX
+
bW
) ) {
iif
(
videoElement
.
paused
==
false
false
) {
videoElement
.
pause
();
}
else
else
{
videoElement
.
play
();
}
}
}
}