HTML and CSS Reference
In-Depth Information
false);
function setupControl() {
// video fallback
var bbVideo = document.getElementById("videoobj");
if (bbVideo.canPlayType) {
// remove default controls
bbVideo.removeAttribute("controls");
// display custom controls
document.getElementById("controls").style.display="block";
// events for buttons
document.getElementById("start").
addEventListener("click",startPlayback,false);
document.getElementById("stop").
addEventListener("click",stopPlayback,false);
document.getElementById("pause").
addEventListener("click",pausePlayback,false);
// disable/enable buttons based on play/pause events
bbVideo.addEventListener("play",function() {
document.getElementById("start").disabled=true;
document.getElementById("pause").disabled=false;
document.getElementById("stop").disabled=false;
}, false);
bbVideo.addEventListener("pause", function() {
document.getElementById("start").disabled=false;
document.getElementById("pause").disabled=true;
}, false);
}
}
// start video
function startPlayback() {
document.getElementById("videoobj").play();
}
// pause video
function pausePlayback() {
document.getElementById("videoobj").pause();
}
// stop video, return to zero time
