Gå til innhold

Få bedre overgang mellom video i javascript

Wiciwato

Anbefalte innlegg

Wiciwato

Wiciwato

Skrevet
Skrevet (endret)

Heisann. Leker meg litt rundt med fullskjerm-videovisning i html, og har en funksjon i javaskript hvor man klikker på bildet for å få frem neste video i rekken. Men selve overgangen er ikke så umiddelbar som jeg skulle ønske, er fortsatt noen millisekunder med svart mellomrom imellom overgangen. Noen tips til hvordan jeg får vekk mellomrommet?

 

http://folk.uib.no/wma002/index.html

 

Legger koden i spoiler hvis det er av interesse.

 

<!DOCTYPE html>

 
<html>
<head>
<title> Wictors superside </title>
<link type="text/css" rel="stylesheet" href="stilark.css"/>
<meta charset="UTF-8">
 
</head>
 
<body>
 
 
 
 
 
 
<video   autoplay loop  id="video" >
  <source src="klipp1.mp4" type="video/mp4">
  <source src="klipp2.mp4" type="video/mp4">
 
</video>
 
 
 
 
<script>
video_count =1;
videoPlayer = document.getElementById("video");
 
function run(){
        video_count++;
        if (video_count == 16) video_count = 1;
        var nextVideo = "klipp"+video_count+".mp4";
        videoPlayer.src = nextVideo;
        videoPlayer.play();
   };
 
   var el = document.getElementById("video");
  if (el.addEventListener) {
      el.addEventListener("click", yourNextFunction, false);
  } else {
      el.attachEvent('onclick', yourNextFunction);
  }  
 
  var video_count =1,
    videoPlayer = document.getElementById("video");
 
function yourNextFunction (){
      video_count++;
      if (video_count == 16) video_count = 1;
      var nextVideo = "klipp"+video_count+".mp4";
      videoPlayer.src = nextVideo;
      videoPlayer.play();
}
   </script>
 
 
 
 
</body>
 
</html>

Endret av Wiciwato
Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...