How do I embed the different video formats that are required for different browsers?

Question

I have a short video in the different formats required to play across different browsers but I can't seem to get the HTML 5 code correct. I can only get it to play in one browser at a time. It seems to only play in the browser that has the video code first. What should the code look like?

Answer 1

Yah the code goes just like that, the first line "var vid_html" declaires the variable. += just adds everything after it to what was already there. You've probably seen this with numbers before: some_number += 50; (will increment that number by 50 more than what it was previous to calling that)
Another way to write the above is like this:
var vid_html = '<video width="320" height="240" controls poster="video/v4b2.jpg">'+
                         '<source src="video/v4b.mp4" type="video/mp4">'+
                         '<source src="video/v4b.oggtheora.ogv" type="video/ogg">'+
                         '<source src="video/v4b.webmsd.webm" type="video/webm">'+
                         'Your browser does not support HTML5 video'+
                       '</video>';
It's just appending strings together to be a little more readable. And I removed your reference to "var vid=sym.$("holder");" because you're only calling "vid" to set the html text.