Basics of Embed Code, and the Top Three Issues People Encounter

I made a little video that attempts to explain why you might care about embed code. I then address the top three reasons people contact us for embed code help.

The top problems are:

  1. The code is displayed to viewers (instead of the video)
  2. Video is way too big for blog or website
  3. Code doesn’t work, or isn’t accepted by html tool

I welcome feedback on the video, especially as I plan to create a three-part series on embed code. This would be the “Basics” video. Do you like the live intro or should I just cut straight to the screencast? Anything you want me to cover in the next videos?

Don’t forget you can click the Full Screen button to watch the video at it’s original size. (I also made a low-res version that is a faster download.)

  • Kevin

    Nice video … now one more question. Your video quality is great. What did you use for a camera?

  • Mike Curtis, TechSmith

    I only used a Flip HD on a tripod…with its internal mic. I messed with lighting a bit in the first scene with the twins, but you can still see some shadow, especially when the first one (Matt) comes in.

    I did all the editing in Camtasia for Mac and didn’t apply any affects to the audio. The audio for the actual screencast part was recorded separately in a studio, and you can hear the change, but hopefully it’s not too bad.

  • http://williamslifecoachingacademy.com John Williams

    I love the service, and I got the video to embed properly. (You can see it at williamslifecoachingacademy.com. I just put up a demo video of my daughter taking some first steps to try it out.)

    My question is: after the video finishes, how can I embed a link that takes the viewer to another page on my site instead of just showing a replay button?

    Thanks!

    John

  • Mike Curtis, TechSmith

    Hi John,

    Are you using Camtasia Studio 7 by chance?

    Probably the slickest and most professional thing to do is add a Flash hotspot at the end of the video. Have it pause the video and make a title slide or another nice graphic with your logos and link to the site.

    In Camtasia Studio, I’d just press F1 and search for Flash in the Help.

    If you’re not using Camtasia Studio 7…I’m not 100% sure. I’ll double-check if there is a sneaky way we can pull that off. I don’t want to get your hopes up though! :)

  • http://hollywoodmoviewriter.com/587 Paul

    Hello. Great tutorial, but I wanted to ask one question. I changed the code to 640×360 in 2 places, but still didn’t get what I was looking for. Below is the code. What I was looking to do was to get the progress bar not look so small. I can barely see it. Here is the website i havew that post on

    http://hollywoodmoviewriter.com/587

    Any help would be appreciated

    Modified code:

    Unable to display content. Adobe Flash is required.

  • http://hollywoodmoviewriter.com/587 Paul

    Hello. Great tutorial, but I wanted to ask one question. I changed the code to 640×360 in 2 places, but still didn’t get what I was looking for. Below is the code. What I was looking to do was to get the progress bar not look so small. I can barely see it. Here is the website i havew that post on

    http://hollywoodmoviewriter.com/587

    Any help would be appreciated

    Modified code:

    Unable to display content. Adobe Flash is required.

  • Mike Curtis, TechSmith

    Hi Paul,
    I think I see what’s happening. You are using the free version of Jing and it creates videos in SWF format. SWF is not a standard video format and that controller and progress bar you see is actually part of the video. Therefore, when the video gets scaled, the controller does as well.

    I have a couple of ideas.

    One could be to put your two windows on top of each other and alt-tab between so you might not need to record such a large area and that would help minimize the need to scale. Not ideal perhaps.

    You could try a 30 day trial of Camtasia Studio or Camtasia for Mac at http://www.techsmith.com. A final idea is that Jing Pro produces video in MP4 format, and in this case the controller will not scale.

    Sorry about the confusion there. I didn’t consider an SWF disclaimer for Jing. Here is some more information about SWF vs MP4 if you’re interested: http://www.techsmith.com/learn/jing/tutorials/tips-tricks-and-advanced/video-formats/

  • http://hollywoodmoviewriter.com/587 Paul

    Great, thanks Mike. I’ve since got JingPro and I have Camtasia as well. As long as I can embed with either of those, I think I’m good.

    That is correct, ya?

    -Paul

  • Mike Curtis, TechSmith

    Hi Paul,
    Yeah, either of those will work for sure. Let me know if you run into anything, and we’ll sort it out straight-away. m.curtis@techsmith.com

  • http://hollywoodmoviewriter.com/587 Paul

    Thanks for the fast responses, Mike

  • Bob

    I’m trying to email a video through outlook. I don’t know if I can actually imbed a video. When I send a link and hyperlink it, the video shows but won’t play. What am I doing wrong?

  • http://community.dotnetwork.it/sabrina/default.aspx Sabrina

    Very nice video, thanks for sharing I’ve just a question on Screencast.com free embeddable player.
    I’ve tried it and it works properly on my blog, but there is a small problem.
    On the player window appears a floating window hosting the screencast title, it looks like something made to search “chapters” in a very long screencast. I am a beginner in camtasia studio so it’s probably something I did Wrong, my question is, is there the possibility to ask the player not to show that window? If not shall I avoid Camtasia inserting that information in my screencast to get rid of it? It is just annoying for my viewers and disappears only on full screen playing.

  • Mike Curtis, TechSmith

    Hi Sabrina,
    You’re seeing the Table of Contents from Camtasia Studio. We don’t think it should appear if it’s empty, but for now, there is some more information about how to turn that off here: http://feedback.techsmith.com/techsmith/topics/screencast_videos_suffer_terrible_blockage

    Hope that helps!
    Mike Curtis, TechSmith

  • http://2big2miss.com J Smith

    Go BIG!

  • Pablo

    Hi, I am using the free version of Jing and what I see as captures says that it is “unable to display content” and “Flash is required.”

    I don’t really understand what’s going on, since when I share the video on tweeter it works fine.

    Unable to display content. Adobe Flash is required.

  • Mike Curtis, TechSmith

    Hello Pablo,
    I’m a little confused. If you send the video to Twitter, then watch the link in Twitter on your computer it works ok? But if you watch the video in Jing you get the Flash error?

    Are you by chance viewing the video in the Jing Preview window when you see the error? It shouldn’t matter, but that, and the question of whether you are on Mac or Windows may be two good clues.

    I would suggest you contact our Tech Support team at http://support.techsmith.com as this sounds like it has the potential for 3rd party conflicts which they are best equipped to handle.

    Sorry I don’t have a more specific and immediate solution!
    Mike Curtis, TechSmith

  • Patti Weiss

    Created a video using Camtasia 7. Uploaded to Screencast. Embed code copied into HTML area in Blackboard Learn. Viewers see “requires the use of Silverlight….download here” and the site linked is no longer valid.

    Why do we need silverlight to view? Will this happen on all videos?

  • Mike Craig

    Im trying to embed a video to my site, I was told to try html format in the post section but it still isn’t working, can someone give me a hand?

    The site is http://www.halo4news.net

    Thanks in advance

  • Oliver

    I am in the beginning stages of starting a new business and want to design some logo ideas that could be used once we open. Because my eye for this sort of thing isn’t the greatest, I’m hoping to share some of these designs with people I know in the art/design field.

    I need to find a site that allows one to create their own logo. Has anyone triedhttp://www.logogarden.com, or could recommend a site they have had success with? The plan is to create the logos, and then upload them to share. As I narrow it down to a couple selections, being able to embed them will come in handy as I’m likely to reach out to a larger group of people and will need to place the uploaded images in a variety of places.

    Thanks for the tutorial. It took a while to load(probably my internet), but it was very well done!

  • Vinerri

    Does anyone know how to configure http://vinerri.wordpress.com/ to set the video size? Thanks!

  • Aaron Turner

    Is there possible to make the video player clickable to start other videos in the same player?

    I would like to use such interactive presentation on my site about camera sliders.

  • http://larryguisihan.com/ Larry Guisihan

    I configured video to my website before but I don’t like the output so I change the content on it to be useful in the same way and I removed the video. My website is http://larryguisihan.com

  • http://webloggerz.com/ Webloggerz

    Hey.. Is there any alternative to camtasia?