Filoweb.it

Video in pagina. Esempio


FB TW whatsapp RSS FEED News letter
HTML5
Video in pagina. Esempio


<!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>
FB TW whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: HTML5, Titolo:Video in pagina. Esempio. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it