1
Playing a Flash (SWF) Video on a SharePoint
Site
Jennifer Lewis
Playing a Flash Video on a SharePoint Site
Page 2
Overview
Sometimes you may want to enhance your SharePoint site with a video. For example, you may have to put a video of your CEO speaking on your site, or you may have to put a more interactive Flash/SWF file (like a quiz) on the SharePoint site. This document will show you how to embed a Flash/SWF file on your page.
Requirements
Correct permissions to edit SharePoint pages (usually Administrator access)
HTML knowledge
Instructions
1. Go to your SharePoint site.
2. On your SharePoint site, go to the page where you want to add the video. In this
example, I am putting the video on the default (first) page.
3. Select Site Actions – Edit Page
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 3
4. In the Web Part area where you want the video to play, click Add a Web Part. In this
example, I will be putting the web part on the left hand side.
5.Scroll down to theMiscellaneous section and select Content Editor Web Part.
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 4
6. Click theA dd button
7. Click the open the tool pane link
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 5
8. Click the Source Editor button
9. Add the HTML that will embed a SWF video on the web page. If you are unsure on how to do this, see theappendix at the end of this document, which explains the HTML code for embedding SWF files on pages.
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 6
You can store the SWF file in a document library on the SharePoint site, or you
can reference an SWF file that is being stored on another web site.
You can also embed “interactive” SWF videos, like
games and quizzes.
“Interactive” – Flash
videos with
interaction, such as
drag-and-drop and
button clicking.
videos with
interaction, such as
drag-and-drop and
button clicking.
10. Click theSave button
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 7
NOTE: Your video will start playingimmediately.
11. Make modifications on how to display the web part, such as changing the title name and displaying either the title, title and border or hiding the title altogether. In this example, I will be displaying the title only, and I am going to change the title.
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 8
12. ClickOK
13. Select Exit Edit Mode
Here are the results:
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 9
Appendix: Embedding SWF video on a Web Page
The HTML code for embedding a SWF video on a Web Page is as follows:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=[version]" width="[width in pixels]"
height="[height in pixels]"
id="flashvideoplayer.swf" align="middle">
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=[version]" width="[width in pixels]"
height="[height in pixels]"
id="flashvideoplayer.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="[URL of where the movie is located,
including the SWF file]">
<param name="quality" value="high">
<param name="bgcolor" value="[background color in
<param name="quality" value="high">
<param name="bgcolor" value="[background color in
hexadecimal]">
<embed src="="[URL of where the movie is located, including
the SWF file]" quality="high" bgcolor="[background color in
hexadecimal]" width="[width in pixels]" height="[height in pixels]"
name="[name of SWF file without the URL]" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
the SWF file]" quality="high" bgcolor="[background color in
hexadecimal]" width="[width in pixels]" height="[height in pixels]"
name="[name of SWF file without the URL]" align="middle"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
The parameters:
[version] – the version of Shockwave/Flash player to use to play the video. The version
number is usually four numbers separated by commas. For example: 7,0,0,0 or 9,0,0,0.
[width in pixels] – the width in pixels.
[height in pixels] – the height in pixels.
You can find a hexadecimal
color chart anywhere on the web
by searching for “hexadecimal
color chart” on Google. I like
using the color chart on
WebMonkey
(http://www.webmonkey.com/ref
erence/Color_Charts)
color chart anywhere on the web
by searching for “hexadecimal
color chart” on Google. I like
using the color chart on
WebMonkey
(http://www.webmonkey.com/ref
erence/Color_Charts)
[URL of where the movie is located,
including the SWF file] – The URL of where
the movie is located, including the SWF file
in the URL. For example:
including the SWF file] – The URL of where
the movie is located, including the SWF file
in the URL. For example:
http://www.bogus.com/bogus.swf
[background color in hexadecimal] – The
background color in hexadecimal notation.
For example: #00000 for black, #FFFFFF for
white.
background color in hexadecimal notation.
For example: #00000 for black, #FFFFFF for
white.
[name of SWF file without the URL] – the name of the SWF file without the URL. For
example: bogus.swf.
For example: You have an SWF file that you want to play on your site called bogus.swf. This site is found onhttp://www.bogus.com. You also want to use Flash Player version 9 when playing the video. To play this video on your site with a white background, a width of 400 pixels, and a height of 300 pixels, you would enter the following:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=9,0,0,0" width="400" height="300"
codebase="http://download.macromedia.com/pub/shockwave/
cabs/flash/swflash.cab#version=9,0,0,0" width="400" height="300"
id="flashvideoplayer.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="http://www.bogus.com/bogus.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed src="="http://www.bogus.com/bogus.swf" quality="high"
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="http://www.bogus.com/bogus.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed src="="http://www.bogus.com/bogus.swf" quality="high"
bgcolor="#FFFFFF" width="400" height="300" name="bogus.swf"
align="middle" allowScriptAccess="sameDomain" type="application/x-
Date Written: 26 February 2009
Playing a Flash Video on a SharePoint Site
Page 10
Date Written: 26 February 2009
shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
To get a more detailed explanation of what this code means, read the Adobe Knowledge Base
article, which can be found at
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
Playing a Flash Video on a SharePoint Site
Download this Document for FreePrintMobileCollectionsReport Document
Report this document?
Please tell us reason(s) for reporting this documentInfo and Rating
Reads:
20,599
Uploaded:
03/05/2009
Category:
Rated:
6 Ratings()
This is a step-by-step tutorial on how to add a Flash video on a page in your SharePoint site.
page sharepoint
play shockwave
flash movies
publish flash
moss
flash videos
page sharepoint
play shockwave
flash movies
publish flash
moss
flash videos
sharepoint video
vi
paso
integrate flash
shockwave flash
insertar
video flash
(fewer)
Related Documents
Sign up
Use your Facebook login and see what your friends are reading and sharing.
Other login options
Login with FacebookSignup
Why Sign up?
Discover and connect with people of similar interests. | |
Publish your documents quickly and easily. | |
Share your reading interests on Scribd and social sites. | |
Login Successful
Now bringing you back...Reset your password
Please enter your email address below to reset your password. We will send you an email with instructions on how to continue.
- About
- Press
- Blog
- Partners
- Scribd 101
- Web Stuff
- Scribd Store
- Support
- FAQ
- Developers / API
- Jobs
- Terms
- Copyright
- Privacy
Choose the language in which you want to experience Scribd:
- Get link
- X
- Other Apps
Add a Comment