Audio e video - HTML5 con CSS e JavaScript - page 191

video.addEventListener("loadstart", videoNetworkChanged,
false);
video.addEventListener("progress", videoNetworkChanged,
false);
video.addEventListener("suspend", videoNetworkChanged,
false);
video.addEventListener("emptied", videoNetworkChanged,
false);
video.addEventListener("stalled", videoNetworkChanged,
false);
// Eventi relativi alla proprietà readyState
video.addEventListener("loadedmetadata", videoStateChan-
ged,
false);
video.addEventListener("loadeddata", videoStateChanged,
false);
video.addEventListener("waiting", videoStateChanged, fal-
se);
video.addEventListener("playing", videoStateChanged, fal-
se);
video.addEventListener("canplay", videoStateChanged, fal-
se);
video.addEventListener("canplaythrough", videoStateChan-
ged,
false);
}
Gli eventi sono molteplici, ma li gestiremo attraverso le due funzioni videoNetworkC-
hanged e videoStateChanged , che troviamo definite nell'esempio 9.8 .
Esempio 9.8
function videoNetworkChanged(e) {
// NETWORK_EMPTY
// NETWORK_IDLE
// NETWORK_LOADING