Filoweb.it

Video in pagina. Esempio


FB TW G+ whatsapp RSS FEED
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 G+ whatsapp RSS FEED

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito 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 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