Support » Plugins » Add Video to your blog

  • I just found out about a web site called YouTube – http://www.youtube.com
    It is a service to store videos under your personal profile. After signing up and posting a video they supply you with the code to paste into your blog. The video shows up right inside your post, just like this one – http://jkc-grafix.com/weblog/
    It is really easy. There is also a service called Vimeo, but I have not tried it yet.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter jaredkc

    (@jaredkc)

    I get a lot of hits on my site from this post so I thought I would add some information.

    I do not use youtube or any other video service. I tried flash video for a while but I Quicktime plays smoother and works well for what I am doing. I post the Quicktime videos on my own site and enter this code into my entry:

    <embed src="http://yoursite.com/yourvideo.mov" width="480" height="376" pluginspage="http://www.apple.com/quicktime/download/" autoplay="false"></embed>

    You of course just need to put the full url of your video in for the src=” ” and set the width and height to your video size (remember to add 16px to the height for the quicktime controls). If you want the video to play automatically change the autoplay to true.

    You can check out my site to see how it works – http://jkc-grafix.com/weblog/

    Hope this helps someone!

    bdville

    (@bdville)

    Thanks for your info. I use youtube & dailymotion for my video blog. I tired the <embed> tag but didn’t worked for me. Thanks again for your info.

    My blog # http://www.virtualtweak.com

    Chaz

    (@eternalskychaz)

    I have embedded QT files as test in a couple of blog posts myself, using the method described above. You don’t have very much choice about placement of the video in relation to the text of the post, that way, though.

    You can have much more control over how your text wraps around your video by using HTML to create a table two columns wide and at least three rows deep. You then just pick a cell to place your video and use the EMBED code along with any other options that you want (WIDTH=x, HEIGHT=y, AUTOSTART, etc.)

    <table width="440" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td colspan="2">{place opening text here}</td>
    </tr>
    <tr>
    <td width="215"><embed src="{video filepath/name}" width="{video width #}" height="{video height}"></embed></td>
    <td width="225">place text to wrap along the side here</td>
    </tr>
    <tr>
    <td colspan="2">{place ending text here}</td>
    </tr>
    </table>

    “table width=” and “td width=” can be changed to make your video & text fit together in your posting space.

    The major draw back to this is that video loads everytime the post loads, but if you have a good amount of bandwidth, then this may not be a problem for you. I have found that it can slow page loading, even with ATUOSTART=FALSE, which is deadly for any kind of web site.

    What I will now be using is the MightySeek PodPress plugin as it has the capability provide multiple formats of your video in a post. You can give readers the oppportunity to watch their choice of QuickTime/mpg or FLV/WMV/AVI. It also gives viewers the opportunity to download and watch your QT/mpg video off their desktop.

    On top of that, this plug can be used to submit your video to iTunes as a video podcast to even further spread dsitribution of your video. Apple has a screening process, so not every video makes it online and mine has not made it yet, so I don’t know if this part works perfectly. I also use GoDaddy as a host and their very unique file structure may cause issues, but I don’t know yet.

    So far, the only issue I’ve had with PodPress is that it seems to require viewers be registered and logged in OR in the process of leaving a comment in order for the Play Now function to work properly. Byt viewers can still play the video on a popup or download and watch. The author of PodPress is looking into this as I type. 😀

    Hope this al helps.

    Thread Starter jaredkc

    (@jaredkc)

    “The major draw back to this is that video loads everytime the post loads”
    This is true. However you can use a click to start page with quicktime. I just have never got around to doing this. Essentially you have a quicktime movie that is only 1 image, when you click on it the movie with then load.

    I used a <div> tag with CSS for styling and placement of my quicktime file. That is another option to use in place of a html table like EternalSkyChaz mentioned.

    Chaz

    (@eternalskychaz)

    Jared – please – no need to use the eholr moniker – Chaz or Charles is just fine. 😉

    How do you get your text to wrap around the video using CSS?

    Thread Starter jaredkc

    (@jaredkc)

    There are a few way you can wrap text around the video using CSS. You can apply a class to your video or use a div tag for the video’s container. Then apply a float property in your style sheet.

    Inline Style:

    <embed src="http://yoursite.com/yourvideo.mov" width="480" height="376" pluginspage="http://www.apple.com/quicktime/download/" autoplay="false" CLASS="CLASSNAME"></embed>

    I find that wrapping my video in a div tag usally works better in all browsers:

    <div class="classname">
    <embed src="http://yoursite.com/yourvideo.mov" width="480" height="376" pluginspage="http://www.apple.com/quicktime/download/" autoplay="false"></embed>
    </div>

    If you apply a float property of left in you style sheet the text will wrap around your video on the right side:

    .classname { float:left; }

    does anyone know how to put a video(quicktime) into a div? i know how to do it but it turns out cropped. in other words you cant see the whole thing. can anyone help?

    I am finding that WordPress inserts page breaks into the code even if I turn off the wsiwyg editor. This is messing up the code I insert for windows media player.

    I am going to have to manually correct the code in the database.

    – that didn’t work. wordpress changes the code as it renders the page inserting paragraph breaks and line breaks. So it looks like I cannot control my html code.

    This plugin makes video insertion a lot easier:

    http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/

    Indeed it does. 😛

    Makes valid XHTML too (i.e. no invalid <embed> tag). 😉

    alright thanks

    How can I insert 3gp Video in the page like Audio or Image. I have plugged in cool player but still does not work

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Add Video to your blog’ is closed to new replies.