Using two players, not working in Chrome

[kmatheeswar]

When i use two players, it is not working in Chrome

Here is the code i use

<div class="videoUiWrapper thumbnail">   <video width="370" height="214" id="demo1">     <source src="http://ia700305.us.archive.org/18/items/CopyingIsNotTheft/CINT_Nik_H264_720_512kb.mp4" type="video/mp4">   </video> </div>

<div class="videoUiWrapper thumbnail">   <video width="370" height="214" id="demo2">     <source src="http://ia700305.us.archive.org/18/items/CopyingIsNotTheft/CINT_Nik_H264_720_512kb.mp4" type="video/mp4">   </video> </div>

<script type="text/javascript" > $('#demo1').videoUI(); $('#demo2').videoUI(); </script>

[html5-ninja]

for Chrome you need .ogg format , Chrome no longer supports mp4

[kmatheeswar]

But the first video is running fine :) Facing problem only with the second video

[html5-ninja]

how about FireFox ?

[kmatheeswar]

FireFox is working fine! for both the mp4 players

[kmatheeswar]

Looks like Chrome cannot play multiple mp4 videos - http://ldki.blogspot.in/2013/01/20-html5-video-and-chromes-one-video.html

I guess you could do a graceful degradation, wherein if it is a chrome browser, and if two video tags are used, we could display a message, saying that this Video cannot be played. We could also select webm format for the second video tag, as given in the blog

[html5-ninja]

it's still easier to use multiple video format, ogg, mp4...etc :)