14 {{ upvoteCount | shortNum }}
14 {{ upvoteCount | shortNum }}

How To Embed A Video On My Webpage

by Christophe Young
11 replies
I'm starting to do some videos using Camtasia, and want to Embed one on my homepage.

I get how to do it by hosting the video on Youtube but I want it hosted on my domain server (1&1).

So, after producing the video, Camtasia saves it as several different file types, html, swf, mp4, etc.

My question is, which file do I upload to my domain server? I created a folder called "videos" and will store it there. So the path will be /Public_html/videos.

Once the file is uploaded, I use an embedded Media generator to generate the required code and insert it in my page. I already know how to do that.

I just don't know which file to upload and if the path to it is right.

Is this the correct way to do it or am I way off?

Appreciate any comments.
#embed #video #webpage
  • Profile picture of the author Frank Bruno
    Upload the entire folder where you told Camtasia to spit the rendered video(.swf) out too and point visitors to the index.htm file.

    Or use your own flash video player. Most play .flv files and this is what I would recommend instead of trying to stream .wmv files.

    A lot of video editing applications also allow to render your videos and export and ready to upload to your server with minimal messing around.

    Frank Bruno
    {{ DiscussionBoard.errors[1347733].message }}
  • Profile picture of the author Christophe Young
    I've uploaded all the files spit out by Camtasia and I can't get it to work.

    How do I use my own flash video player? Do I install it on my web page?
    Signature
    Under Construction
    {{ DiscussionBoard.errors[1347805].message }}
  • Profile picture of the author Christophe Young
    This is the code I'm inserting in my web page:

    <!-- begin embedded Flash file... -->
    <table border='0' cellpadding='0' align="center">
    <tr><td>
    <OBJECT classid='clsid27CDB6E-AE6D-11cf-96B8-444553540000'
    codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0'
    width="320" height="240">
    <param name='movie' value="mydomain.net/public_html/Videos">
    <param name='quality' value="high">
    <param name='bgcolor' value='#FFFFFF'>
    <param name='loop' value="true">
    <EMBED src="mydomain.net/public_html/Videos" quality='high' bgcolor='#FFFFFF' width="320"
    height="240" loop="true" type='application/x-shockwave-flash'
    pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'>
    </EMBED>
    </OBJECT>
    </td></tr>
    <!-- ...end embedded Flash file -->
    </table>

    I've uploaded all the video files to my /Public-html/Videos folder but it's not displaying properly.
    Am I on the right track?
    Signature
    Under Construction
    {{ DiscussionBoard.errors[1347815].message }}
    • Profile picture of the author John Cabral
      I believe your problems lies in these to lines of code:

      <param name='movie' value="mydomain.net/public_html/Videos">
      <EMBED src="mydomain.net/public_html/Videos" quality='high' bgcolor='#FFFFFF' width="320"

      if the file that you have embedded this to is in your root directory and your video is in Videos then it should be

      <param name='movie' value="/Videos">

      Another problem is nowhere in the code is there the name of the video file.
      {{ DiscussionBoard.errors[1347988].message }}
  • Profile picture of the author Frank Bruno
    Load the index.htm file in your browser.

    It appears your trying to do two different things here..

    If your going to use the .swf files Camtasia spits out then you don't need to embed anything else becasue Camtasia should have spit out the index.htm for you in the folder you uploaded.

    If you are using a different flash player then you need to link your code to the video file.

    Frank Bruno
    {{ DiscussionBoard.errors[1347839].message }}
  • Profile picture of the author HarrisonJ
    You should look into setting up Amazon S3 for your video hosting(google Amazon S3). It is really cheap, and much faster than shared hosting. You just upload your videos to your Amazon S3 account, then embed them on your site.
    Signature
    FREE get 50 website visitors traffic clicks from BuySolos.com
    {{ DiscussionBoard.errors[1347865].message }}
    • Profile picture of the author showbizvet
      Originally Posted by HarrisonJ View Post

      You should look into setting up Amazon S3 for your video hosting(google Amazon S3). It is really cheap, and much faster than shared hosting. You just upload your videos to your Amazon S3 account, then embed them on your site.
      Since this is my first post here, I wanted it to be meaningful but HarrisonJ beat me to it. Here's what I do, this assumes using Camtasia all the way. Edit your video, produce it with camtasia, then check it locally to make sure all is well. This is done by simply opening the index.htm or html that it creates. Once that is done, upload the major parts of the video to Amazon S3 (I use a FireFox S3 organizer), then ONLY host what is necessary on your server, the parts that call the file itself.

      EXAMPLE

      Code:
      <script type="text/javascript">
            // <![CDATA[
            var so = new SWFObject( "saythankyouandexplain.swf", "csSWF", "640", "498", "9.0.28", "#1a1a1a");
            so.addParam( "quality", "best" );
            so.addParam( "allowFullScreen", "true" );
            so.addParam( "scale", "showall" );
            so.addParam( "allowScriptAccess", "always" );
            so.addVariable( "autostart", "false" );
            so.write("media");            
            // ]]>
        </script>
      The above is part of the camtasia code... below is the example pulling it from Amazon

      Code:
      <script type="text/javascript">
            // <![CDATA[
            var so = new SWFObject( "h**p://example4warrior.s3.amazonaws.com/saythankyouandexplain.swf", "csSWF", "640", "498", "9.0.28", "#1a1a1a");
            so.addParam( "quality", "best" );
            so.addParam( "allowFullScreen", "true" );
            so.addParam( "scale", "showall" );
            so.addParam( "allowScriptAccess", "always" );
            so.addVariable( "autostart", "false" );
            so.write("media");            
            // ]]>
        </script>
      That places the meat of the file on Amazon, while the call is actually coming from your server. Ths only EXTRA step needed is telling Amazon that it IS okay to share the file
      which is done by editing the ACL and grating read privileges to all.

      NOTE: I changed the tt to ** in the above example since I wasn't allowed (as yet) to post a link.
      {{ DiscussionBoard.errors[1348041].message }}
  • Profile picture of the author Christophe Young
    Hey Frank,

    I don't see an Index file created by Camtasia, there's only the various video files. What I'm trying to do is insert a video on my main homepage... right below my headline. So, I figured I have to embed some code in that spot.

    I'll check out Amazon S3.

    I also looked at the JW FLV Media Player, but it can't be used for commercial purposes? Isn't that how most people are using it?
    Signature
    Under Construction
    {{ DiscussionBoard.errors[1347931].message }}
  • Profile picture of the author Christophe Young
    Thanks showbizvet,

    I'm with you until the upload to Amazon. I'm still trying to figure out how to upload the files to my domain host, which folder and all that stuff. I just want to find the easiest way to do it. I might look into getting the JW Media player. I like the look of it.

    I'll keep digging for more information.
    Signature
    Under Construction
    {{ DiscussionBoard.errors[1350404].message }}
  • Profile picture of the author lumpy burgertushie
    I don't understand why anyone who is already paying for a server/hosting account would pay to host anything anywhere else like amazon3 or whatever.

    You simply upload your videos or whatever to your own server using ftp and you are done.


    robert
    {{ DiscussionBoard.errors[3969250].message }}

Trending Topics