HTML and CSS Reference
In-Depth Information
// enable play, disable pause and stop
function stopPlayback() {
var bbVideo = document.getElementById("videoobj");
bbVideo.pause();
bbVideo.currentTime=0;
document.getElementById("start").disabled=false;
document.getElementById("pause").disabled=true;
this.disabled=true;
}
</script>
Figure 16
shows the web page with the customized control opened in IE9. We can now add
an overlay to the element, and still manage to control the playback. The controls are plain but
they do work, which is what's important. In the next section, we'll get fancier and add addi-
tional functionality and a few CSS flourishes.
