<!doctype html>
<html>
<head>
<title>Big Buck Bunny, il trailer</title>
<script>
var video;
eseguiIlPlay = function(){
video.play();
}
eseguiIlPause = function(){
video.pause();
}
cambiaVolume = function(evento){
video.volume = evento.target.value;
}
window.addEventListener(' load' ,function(e){
video = document.querySelector(' video' );
})
</script>
</head>
<body>
<menu type=" toolbar" >
<button type=" button" onclick=" eseguiIlPlay()" > Play </button>
<button type=" button" onclick=" eseguiIlPause()" > Pause </button>
<label> Volume: </label>
<input type=" range" min=" 0.0" max=" 1.0"
step=" 0.1" value=" 0.5" oninput=" cambiaVolume(event)" >
</menu>
<video poster=" big_buck_bunny/poster.jpg" >
<source src=" big_buck_bunny/trailer.mp4" type=" video/mp4" >
<source src=" big_buck_bunny/trailer.ogg" type=" video/ogg" >
<source src=" big_buck_bunny/trailer.webm" type=" video/webm" >
</video>
</body>
</html>