We would like to clarify our goals
We have been authoring an education blog for the past five years and each of our articles contained flash videos. Unfortunately flash is no longer support in html5 of many of the new mobile browsers.
Therefore we are trying to reformat them to meet the requirement of these new browser.
We have already convert most of the 150 videos on our site (we have been posting two articles per month along with vidoes since 2007) in the following formats. mp4, webm, ogg and installed a script (in red) I which we obtained on line
However we see an error message "invalid source when we attempt to open it on the web.
Could someone please help us to understand what we are doing incorrectly
<table border="1" width="200" bgcolor="#333333" align="right">
<tbody>
<tr>
<td>
<video id="myvideo" controls="controls" autoplay="autoplay" poster="images/what_is_time.jpg">
<source src="http://www.theimagineershome.com/blog/video/10_what_is_time/10_what_is_time.mp4" type="video/mp4" >
<source src="http://www.theimagineershome.com/blog/video/10_what_is_time/10_what_is_time.webm" type="video/webm">
<source src="http://www.theimagineershome.com/blog/video/10_what_is_time/10_what_is_time.ogg" type="video/ogg">
</video></td>
</tr>
<tr>
<td>
<p align="center"><span style="font-family: arial; color: #0080ff; font-size: small"><a href="http://www.youtube.com/watch?v=sfN-7HczmOU"><strong><span style="color: #0080ff; font-size: small"><font size="3">What is time</font></span></strong></a></span></p>
</td>
</tr>
</tbody>
</table>