Mehrere Videos auf einer Seite mit javascript steuern

[ThomasMartini65]

Hallo,

Ich möchte zwei Videos auf einer Seite darstellen und per javascript steuern. Ich habe folgenden code:

<video id="myVideo">
  <source id="mp4_src" src="mov_bbb.mp4" type="video/mp4">
  <source id="ogg_src"  src="mov_bbb.ogg" type="video/ogg">
</video>
<button onclick="playVid()" type="button">Play Video</button>
<button onclick="pauseVid()" type="button">Pause Video</button> 

<video id="myVideo2">
  <source id="mp4_src" src="mov_bbb.mp4" type="video/mp4">
  <source id="ogg_src"  src="mov_bbb.ogg" type="video/ogg">
</video>
<button onclick="playVid()" type="button">Play Video</button>
<button onclick="pauseVid()" type="button">Pause Video</button> 

<script>
var x = document.getElementById("myVideo"); 
var x = document.getElementById("myVideo2"); 

function playVid() { 
  x.play(); 
} 

function pauseVid() { 
  x.pause(); 
} 
</script>

Was ist hier falsch? Es startet immer nur das zweite Video, egal welchen Button mann klickt. Bitte helft mir!

Vielen lieben Dank für eure Hilfe, Thomas