HTML and CSS Reference
In-Depth Information
function
function
eventWindowLoaded
() {
videoElement
=
document
.
createElement
(
"video"
);
videoDiv
=
document
.
createElement
(
'div'
);
document
.
body
.
appendChild
(
videoDiv
);
videoDiv
.
appendChild
(
videoElement
);
videoDiv
.
setAttribute
(
"style"
,
"display:none;"
);
var
var
videoType
=
supportedVideoFormat
(
videoElement
);
iif
(
videoType
==
""
) {
alert
(
"no video support"
);
return
return
;
}
videoElement
.
addEventListener
(
"canplay"
,
itemLoaded
,
false
false
);
videoElement
.
setAttribute
(
"src"
,
"muirbeach."
+
videoType
);
buttonSheet
=
new
new
Image
();
buttonSheet
.
onload
=
itemLoaded
;
buttonSheet
.
src
=
"videobuttons.png"
;
}
function
function
supportedVideoFormat
(
video
) {
var
var
returnExtension
=
""
;
iif
(
video
.
canPlayType
(
"video/webm"
)
==
"probably"
||
video
.
canPlayType
(
"video/webm"
)
==
"maybe"
) {
returnExtension
=
"webm"
;
}
else
else iif
(
video
.
canPlayType
(
"video/mp4"
)
==
"probably"
||
video
.
canPlayType
(
"video/mp4"
)
==
"maybe"
) {
returnExtension
=
"mp4"
;
}
else
else iif
(
video
.
canPlayType
(
"video/ogg"
)
==
"probably"
||
video
.
canPlayType
(
"video/ogg"
)
==
"maybe"
) {
returnExtension
=
"ogg"
;
}
return
return
returnExtension
;
}
function
function
canvasSupport
() {
return
return
Modernizr
.
canvas
;
}
function
function
itemLoaded
() {
loadCount
++
;
iif
(
loadCount
>=
itemsToLoad
) {
canvasApp
();
}
}