Need help with Video embedding

We were wondering if someone can help us

We have been authoring an education blog “The Imaginers Chronicles” and each of our articles contain a flash video. Unfortunately flash is no longer support in html5 and many of the new mobile browsers.

Therefore we are trying to reformat them to meet the requirement of these new browsers.

We have already converted most of the 150 videos on our site (we have been posting two articles a month along with videos since 2007) to the following formats. mp4, webm, ogg and installed a script below I which we obtained on line.

However we see an error message “invalid source” (Please visit << http://www.theimagineershome.com/blog/?p=2519 >> to view error" when we attempt to open it on the web.

Could someone please help us to understand what we are doing incorrectly and help us to get our site up and running again.
Thank you
Jeff and friends

<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>

Hi there,

The problem is that the mp4 version of the video is missing from your servers!
You can check it by going here: http://www.theimagineershome.com/blog/video/10_what_is_time/10_what_is_time_0.mp4

The problem only occurs in those browsers which don’t support the other video formats (e.g. Internet Explorer or Safari).
Other than that your code looks fine.

Hope that helps.

Thanks for catching the typo
I’ve corrected and reinstalled with the following script however I am still getting the same error meassage
<video id=“myvideo” controls=“controls” autoplay=“autoplay” poster=“images/pioneer_anomalies_1.jpg”>
*<source src=“http://www.theimagineershome.com/blog/video/22_pioneer_anomalies_1/22_pioneer_anomalies_1.mp4” type=“video/mp4” >
*<source src=“http://www.theimagineershome.com/blog/video/22_pioneer_anomalies_1/22_pioneer_anomalies_1.webm” type=“video/webm”>
*<source src=“http://www.theimagineershome.com/blog/video/22_pioneer_anomalies_1/22_pioneer_anomalies_1.ogg” type=“video/ogg”>
</video>

Good morning,

Can you post a link to a page which doesn’t work.
Also, which browser(s) are you testing in?

We have tried to post the video to the article “Define what time is” at<< http://www.theimagineershome.com/blog/?p=2519 >>using the above corrected script and may others after making the appropriate location changes for the videos. However get the same error message "invalid script’ when we try to view any of them in Firefox vers 17.0.1. Google Chrome vers 23 and IE vers 10.; I think there is something wrong with the script we are using.

Jeff

Hi there,

When I go to the above link, I get the following error message:

Parse error: syntax error, unexpected T_STRING in /home/imagine/public_html/blog/wp-includes/post-template.php on line 116

As you appear to be using WordPress, why don’t you use a plugin to take care of this for you?

I wrote a blog post on how to do this a while back. I use this plugin myself, so the code posted there definitely works.
http://hibbard.eu/how-to-embed-video-in-your-wordpress-site-using-html5/

I’m sure this is quite frustrating, especially if you are dealing with so many videos!

Let me know how you get on.