HTML5 video tag problem

[web_master]

Hi, I got a problem.

I use the html5 and <video> tag. List 2 videos from database, and happen some interesting thing. Please look at the site, maybe well be easier to explain: http://k23tv.com/index.php?lg=sr&c=list_musorok&slider_none=true

 

The first video looks like this:

<video width="286" height="240" class="sublime" controls poster="video_musorok/1_musorok_poster.png">

<source src="video_musorok/1_musorok.mp4" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2">

<source src="video_musorok/1_musorok.webm" type="video/webm" codecs="vp8, vorbis">

<source src="video_musorok/1_musorok.ogv" type="video/ogg" codecs="theora, vorbis">

</video>

 

the second:

<video width="286" height="240" class="sublime" controls poster="video_musorok/2_musorok_poster.png">

<source src="video_musorok/2_musorok.mp4" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2">

<source src="video_musorok/2_musorok.webm" type="video/webm" codecs="vp8, vorbis">

<source src="video_musorok/2_musorok.ogv" type="video/ogg" codecs="theora, vorbis">

</video>

 

As You see there is a different sources, but if You play the second video, that will play first the first video, than a second... I cant find where is a problem????

 

Thanks in advanced.

[yandoo]

Hiya its just a guess but you may try differentiating between the two videos using the id tag. e.g:

 

<video id="name1" width="286" height="240" class="sublime" controls poster="video_musorok/1_musorok_poster.png">

 

<video id ="name2" width="286" height="240" class="sublime" controls poster="video_musorok/1_musorok_poster.png">