Filoweb.it

Video in pagina. Esempio

home menu Gallery contatti

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>

↑
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.

La tua privacy è importante
Utilizziamo, senza il tuo consenso, SOLO cookies necessari alla elaborazione di analisi statistiche e tecnici per l'utilizzo del sito. Chiudendo il Cookie Banner, mediante il simbolo "X" o negando il consenso, continuerai a navigare in assenza di cookie di profilazione. More info

Tutti
Cookie tecnici
I cookie tecnici sono necessari al fine di "effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica, o nella misura strettamente necessaria al fornitore di un servizio della società dell'informazione esplicitamente richiesto dal contraente o dall'utente a erogare tale servizio" (art. 122, comma 1 del Codice privacy).
Cookie analitici di terze parti
I cookie analytics sono utilizzati al fine di valutare l'efficacia di un servizio della società dell'informazione fornito da un titolare di un sito, per progettare un sito web o contribuire a misurare il "traffico" di un sito web, ovvero il numero di visitatori ripartiti per area geografica, fascia oraria della connessione o altre caratteristiche.
Cookie di profilazione
Sono cookie che creano profili personalizzati relativi all'utente per finalità di marketing, ad esempio il retargeting o advertising sui social network.

Accetto Chudi