I kinda got it to work, but I don't know why this worked.
I simply removed the first two lines of code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Then it worked.
I posted this, re-ran it (without changing anything) and now it won't play again. WTF?
so then I tried this:
<embed src="vid/header2.mp4" showcontrols="0" loop="true"></embed>
<div id="videos" style="position:absolute;left:0px;top:700px;">
<embed src="vid/osu.mp4" showcontrols="0" loop="true">
And it worked! But only one time?! Every subsequent run it will not work then. No idea what is going on....
Ok I found my culprit. I have to clear the browsing cache via the developer tool (F12) in IE. It doesn't work if I clear it simply from tools -> Safety -> Clear history. I have to actually delete the browsing cache through the dev tool within IE.
It works everytime I do this. So....
Why does it do this? Is there some kind of html I can use to fix this?