title: Video flicker once upon change of source
body: <p>I have a video as 100% width &amp; height, over that are interactive elements, when you click on the chapter it goes to white and then loads in a video very quickly.. when the video ends &amp; you click on the video, it will go to the next video and again it goes to white and loads the video.</p>
  
  <p>My issue is that it goes to a white screen for ~500ms, because I change the video source of the video-frame, the background-color of the body is white so I believe that's where the white comes from, changing the background color to blue or black changes the issue witht he white in their respective color, I was wondering if there is a solution for this?</p>
  
  <p>I've suggested the following:
  Loading screen for the ~500ms it goes to white.. this however doesn't look good.</p>
  
  <p>First frame of the next video as background of the body, where I load the video over, so that it appears to be on the video but it's actually loading in the video.</p>
  
  <p>The code as to how I change the video frame to the next video:</p>
  
  <pre><code>$("#klikimg").on('click', function(){
  
                  switch(klik) {
  
  
                      case 100:
                          $("#wereldbol").attr("src", "aardeFrag/klik1.mp4");
                          klik = 90;
                      break;
      });
  </code></pre>