Home     Services     Gallery     Flash Design     Graphic Design     Social Media     News     Español     About     Contact      
 

Office Live

Lights, Cameras, Action!

It's Video in Office Live

 
"I'm Creating"
 
 
 
 
 
Video adds a unique element to your Office Live web site but should be used sparingly as it's bandwidth requirements are high. 
 
 
 

 

 Office Live Video Tips

You can upload your video to the Documents of your Member Center in Office Live and display it or embed it from a service like YouTube or Soapbox. Currently Soapbox is in beta and it tends to be down for work which then makes your video not visible. I prefer the look of Soapbox video controls and the quality.

If you upload your video to your Office Live site there is a 10 MB (Basics version 1.5) limit on videos in the Documents area of Office Live. To be exact the Office Live team says, "If you plan to upload large documents, check the sizes to make sure the sum of any one upload does not exceed 10 MB. Additionally, uploads that take 15 minutes or longer will time out."

If you have additional web space elsewhere you can upload it there and call it from that location.

Keep your video size small (both proportions and file size) to avoid storage and bandwidth issues.

It's best not to put video on your home page due to delay and bandwidth issues.

 

Video Editing Software -Windows and Mac (if it's not indicated it runs in Windows)

Free

My Use

Not Free 

My Use

iMovie (Mac)

***

Pinnacle Studio 10

***

Windows Movie Maker

*

Adobe Premiere

**

 

*

Easy Media Creator

 *

 

*

Ulead VideoStudio

*

 *

Final Cut Express (MAC)

 *

Rating of Use (this is not a rating of quality) 
I've used it.

*

I've used it and go back to it.

**

I use it often and rely on it.

***

 

 

 

I use Adobe Flash Professional 8 to convert my videos into flv files and then include them in Flash files (swf).

 

 

 

 

Example 1- HTML - Embed a Video from a Video site Source (YouTube, Soapbox, etc.)

Dreams © 2007 arTotems Co.

arTotems Video

Music and Video by altArtifact  

    

 

 

Words - Carl Jung

Music & Images © 2007 arTotems Co.

 

If the video is not available it will not show in
the example. This means something is going on
with YouTube

   

    

 

see 

 

Dreams

 

Here

 

 

Placing your video on a site like YouTube gives you the advantage of not having to upload it to your site and therefore you avoid the use of your precious site storage.  For the sake of ease let's use YouTube for our example.

 

Method:

 

1. If you haven't already, make an account on YouTube and follow their instructions to upload a video.

 

2. After uploading your video go to the page where it is located and click "Edit Your Video" under "Video Owner Option".

 

3. At the bottom of the page you'll find an area entitled "Embed HTML". Select the code and copy it.

 

4. Return to the Office Live page (in Web Designer) in which you wish to include the video and place your cursor where it should be located.

 

5. Click "Module" and then "HTML. (see below)

 

6. In the HTML dialog box paste the code from YouTube and click "OK" (you can chage the dimensions to suit your page needs. The video above is set to "225" by "150")

 

7. Fiddle, Fiddle with those HTML boundry box handles until you are satisfied with the placement. (This is probably the hardest part of the whole operation.)

 

8. Enjoy!

   

   

Example 2- HTML - Click a link to open a new window and display the video.

 Water © 2007 arTotems Co.

Video by altArtifact  

 
 

 

Method:
 

1. Upload your video to your chosen location, i.e., the Documents area of your Member Center in Office Live.

 

2. Open the page in Web Designer and click on a location to place the link for the video.

 

3. Click Module and then HTML (see below)

 

4. Copy the code below and then paste it into the HTML dialog box.

 

 

 

5. Alter yoursite.com, yourfile.mov, and Video Name to video title.

 

6. Click "OK"

 

7. Enjoy!

 

 

 

Example 3 - HTML - Embed the video in an Office Live page. The safe for all browers method.

The Early Years © 2007 arTotems Co.

arTotems Video

Music and Video by altArtifact  

 

Words by Jean Piaget

(August 9, 1896 – September 16, 1980)
Swiss philosopher, natural scientist and developmental psychologist
 

Music & Images © 2007 arTotems Co.

 

 

 Shadow Series 

 

    

 

see 

 

In Human Form

 

Here

 

 
1. Upload your video to your chosen location.

 

2. Open the page in Web Designer and click on a location to place the video.

 

3. Click Module and then HTML (see below)

 

4. Copy the code below and then paste it into the HTML dialog box. There is a great deal of code below so make sure you select the entire code.

 

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"  codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="256">
    <param name="src" value="http://www.yoursite.com/Documents/yourmovie.mov" />
    <param name="controller" value="true" />
    <param name="autoplay" value="false" />

<object type="video/quicktime"
        data="http://www.yoursite.com/Documents/yourmovie.mov"
        width="320" height="256">
        <param name="autoplay" value="false" />
        <param name="controller" value="true" />
        </object>

 

5. Alter yoursite.com/Documents and yourmovie.mov to apply to your site and video file information. Alter the size as you wish it to be.

 

6. Click "OK"

 

7. Enjoy!