Embed Camtasia In a WordPress Blog
So, I opened this free site last week called EasyBlogTricks.com, right? It’s all about the tech stuff when it comes to blog. Just simple stuff, like installing a blog on your own server, using plugins, changing your theme and stuff like that. Easy for me, but hard for people who aren’t experienced, and so…
Everything was working until I got an email from one of my site members saying that the video wouldn’t play. I’m like, “Sure it does. Just let it load.” Mea culpa. I didn’t check the site in Internet Explorer, a HUGE duh on my part, and something I never remember to do.
So, then, the trial became how do I do this so that the videos play in Internet Explorer, right?
Grr…
It is very difficult to find out how to do that online, and so I thought I’d give you the simple, down and dirty.
Down at the bottom of your HTML page for the video, there is a <–comment–> that says:
“<!– Users looking for simple object / embed tags can copy and paste the needed tags below.”
and it makes this block of code all comment because it ends with –>
So, I’m thinking, OK (and while we’re at it, let’s just say I’m a very good PHP guesser. I haven’t a clue how to write it. I understand what it says, and over time, I’m sure I’ll be clicking away writing code, too. Don’t know why, but I just think it’s a good skill to have.
Anyway, I copied this whole block of comment, and added it into the HTML Write window of WordPress, it didn’t work. So, I looked at the code, and realized that I needed to add the full path to my video, so it’s like this:
<div id=”media”>
<object id=”csSWF” classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”400″ height=”318″ codebase=”http://active.macromedia.com/flash7/cabs/ swflash.cab#version=9,0,115,0″>
<param name=”src” value=”ping.mp4″/>
<param name=”bgcolor” value=”#1a1a1a”/>
<param name=”quality” value=”best”/>
<param name=”allowScriptAccess” value=”always”/>
<param name=”allowFullScreen” value=”true”/>
<param name=”scale” value=”showall”/>
<param name=”flashVars” value=”autostart=false”/>
<embed name=”csSWF” src=”ping.mp4″ width=”400″ height=”318″ bgcolor=”#1a1a1a” quality=”best” allowScriptAccess=”always” allowFullScreen=”true” scale=”showall” flashVars=”autostart=false&color=0×1A1A1A,0×1A1A1A” pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash”></embed>
</object>
</div>
But here’s what I did wrong…
All I needed to use was what’s inside the <embed></embed> tags, and center them. Then, put <div></div> tags around it, so make it look like this:
<div>
<center><embed name=”csSWF” src=”http://yourdomain.com/video/video.mp4” width=”400″ height=”318″ bgcolor=”#1a1a1a” quality=”best” allowScriptAccess=”always” allowFullScreen=”true” scale=”showall” flashVars=”autostart=false&color=0×1A1A1A,0×1A1A1A” pluginspage=”http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash”></embed></center></div>
Notice the path to the video. Just tell the browser where the video lives, give it the URL.
And voila! It worked. I should have saved the page that, just in passing, mentioned that you only use the portion that says <embed>. Argh! I mean, it was obscure information. Why should it be so hard?
I’ll bet you that there are programmers having a good laugh.
But you know, being stupid about a subject is great! You get to learn every single day. I learn by doing, so the more I do, the more I take chances and mess around with this stuff, the more proficient I become. It’s great! Learning things is what really turns me on. Love to learn.
What’s that Nike used to say?
“Just do it!”
-
I spend most of my waking hours working on all things WordPress, so I explore and test new... Read Full Story » -
Advertise here with BSA WordPress , as most of us experience, is so strong and flexible . It is... Read Full Story » -
This WordPress theme is a slick and highly customizable theme for restaurants and anything... Read Full Story » -
Recently I posted Valentine's Day Special Page with CSS and Jquery and Got Nice responce on it... Read Full Story » -
Creative Zodiac is a WordPress theme preloaded with JQuery. This is the only one fully JQuery... Read Full Story »
