title: Gapless Transition from Video to Video using html5
body: <p>I am trying to create a feature where a user can change (back and forth) between multiple videos while maintaining a single consistent audio. Think of being able to watch a concert from multiple angles but listening to a single audio. The trouble I am having with this feature is that there can not be a lag between the changes in video or the audio will no longer sync with the videos (especially true after multiple changes).</p>
  
  <p>I have tried two methods, both using html5 only (I would prefer not use flash although I will eventually have a fallback) that have not worked seamlessly, although depending on the browser and hardware, it can come very close.</p>
  
  <p>Basic Methods:</p>
  
  <p>Method 1: Preloading all videos and changing the video src path on each click using javascript</p>
  
  <p>Method 2: Again preloading video and using multiple  tags and changing between them using javascript on each click.</p>
  
  <p>Is there anyway to get either of these two methods to work seamlessly without a gap?  Should I be using a slight of hand trick, like playing both videos concurrently for a second before revealing the second and stoping the first? Can this just not be done with html5 players?  Can it be done with flash?</p>
  
  <p>I have seen this type of question a couple of times with both video and audio with no clear solution, but they were a couple of months old and I was hoping there is now a solution. Thanks for the help.</p>