Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    video playlist in html 5

    Ciao a tutti.

    Avrei bisogno di una informazione.

    Non potendo accorpare tre video in uno solo vorrei sapere se è possibile creare in html 5 una specie di "playlist" molto semplice partendo dal tradizionale tag video.

    codice HTML:
         <video width="320" height="240" controls>
      <source src="video.mp4" type="video/mp4">
        </video> 
    In teoria si dovrebbe passare senza interruzioni dal video1 al video2 e dal video2 al video3 per poi continuare in loop all'interno dello stesso player video.

    E' possibile?
    http://www.sitiinternetonline.com/

  2. #2
    Questo è il codice che ho inserito:

    <!-- Html -->

    <video id="video" src="http://www.sitiinternetonline.com/te...5/03/test1.mp4" autoplay /></video>

    <!-- Css -->

    <style>
    video {
    background: #333;
    width: 320px;
    height:240px;
    }
    </style>

    <!-- Javascript -->

    <script>
    var videoPlayer= document.getElementById('video');

    videoPlayer.addEventListener('ended', function(){
    this.pause();

    var videos = [
    "test1",
    "test2",
    "test3",
    "test4",
    "test5",
    "test6",
    "test7",
    "test8",
    "test9",
    "test10",
    "test11",
    "test12",
    ], videos = videos[Math.floor( Math.random() * videos.length)];

    this.src = "http://www.sitiinternetonline.com/te...loads/2015/03/" + videos + ".mp4";

    }, false);
    </script>

    Come potete vedere ora il player carica 12 video diversi ma in funzione random. Se io volessi farli vedere in sequenza dall'1 al 12 come dovrei fare?.

    Sicuramente bisgnerebbe inserire un contatore ma non ho idea di come farlo funzionare. Ho provato in diversi modi ma non funzionano.
    Ultima modifica di mircodora; 17-03-2015 a 22:25

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.