Bruce,
Correct, the embed you added is doing "apparently" nothing but in fact it will avoid possible problems. It was a missing tag. Browsers normally have a sort of tolerance when the code is uncomplete, but it depends. As I pointed, Safari is never used by devs as a base browser because it's problematic. So this tag, although not at first relevant is necesary.
As Cooter likes to say, it's the wild west!
I'm not surprised in the end that people Like Recuenco just embed in Vimeo to avoid compatibility hassles.
There is a Vimeo equivalent but with higher quality call Exposureroom. Lots of filmakers are there. It's more pro-orientated that I've heard.
Best regards and have a nice week-end.
Ps: using the html 5 code on your page,
here:
http://www.pepe-botella.com/BRUCE/test-bruce2.html. (you'd need 4 files to make the html 5 works, if you want them mail me I send it to you)
Here would be the complete code:
<!DOCTYPE html>
<html>
<head>
<title>8 First Dates sampler</title>
<link href="video-js.css" rel="stylesheet" type="text/css">
<script src="video.js"></script>
</head>
<body bgcolor="#ffffff">
<table width="1920" border="0" cellspacing="0" cellpadding="0" bgcolor="#222222" background="original%20art%20folder/generic%20bg%204.png" cool gridx="16" gridy="16" height="1280" showgridx showgridy>
<tr height="112">
<td width="1919" height="112" colspan="7"><spacer type="block" width="1919" height="112"></td>
<td width="1" height="112"><spacer type="block" width="1" height="112"></td>
</tr>
<tr height="368">
<td width="32" height="368"><spacer type="block" width="32" height="368"></td>
<td width="1887" height="368" colspan="6" valign="top" align="left" xpos="32">
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="760" height="330"
poster="bruce.png"
data-setup="{}">
<source src="8fd_4min760x330.mp4" type='video/mp4'>
<source type='video/webm' src="8fd_4min760x330.webmvp8.webm">
</video>
</td>
<td width="1" height="368"><spacer type="block" width="1" height="368"></td>
</tr>
<tr height="106">
<td width="48" height="106" colspan="2"><spacer type="block" width="48" height="106"></td>
<td content csheight="61" width="752" height="106" colspan="4" valign="top" xpos="48"><font size="+1" color="#e8e8e8">Sampler from the Russian romantic comedy "8 First Dates" </font>
<p><font size="+1" color="#e8e8e8">Directed by: David Dodson, Sasha Malarevsky</font></p>
</td>
<td width="1119" height="106"><spacer type="block" width="1119" height="106"></td>
<td width="1" height="106"><spacer type="block" width="1" height="106"></td>
</tr>
<tr height="44">
<td width="50" height="44" colspan="3"><spacer type="block" width="50" height="44"></td>
<td content csheight="33" width="749" height="44" colspan="2" valign="top" xpos="50"><font size="+1" color="#e8e8e8"><a href="
">can't view the quicktime? see it on Vimeo, password "bruce"</a></font></td>
<td width="1120" height="44" colspan="2"><spacer type="block" width="1120" height="44"></td>
<td width="1" height="44"><spacer type="block" width="1" height="44"></td>
</tr>
<tr height="649">
<td width="48" height="649" colspan="2"><spacer type="block" width="48" height="649"></td>
<td content csheight="21" width="288" height="649" colspan="2" valign="top" xpos="48"><font face="Helvetica, Geneva, Arial, SunSans-Regular, sans-serif"><font size="4" color="#474747"><u><a href="index.html"><strong><em>return to home page</em></strong></a></u></font></font></td>
<td width="1583" height="649" colspan="3"><spacer type="block" width="1583" height="649"></td>
<td width="1" height="649"><spacer type="block" width="1" height="649"></td>
</tr>
<tr height="1" cntrlrow>
<td width="32" height="1"><spacer type="block" width="32" height="1"></td>
<td width="16" height="1"><spacer type="block" width="16" height="1"></td>
<td width="2" height="1"><spacer type="block" width="2" height="1"></td>
<td width="286" height="1"><spacer type="block" width="286" height="1"></td>
<td width="463" height="1"><spacer type="block" width="463" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="1119" height="1"><spacer type="block" width="1119" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
</tr>
</table>
<p></p>
</body>
</html>