The next step:

  • You have already created a Professional Web Presence!
  • You are familiar with the web authoring features of your website!
  • You are looking to make your website more Dynamic & FUN!

Check out some AWESOME ways to make a website DYNAMIC, FUN & ESSENTIAL to student success!
The BEST Part? It’s ALL FREE!

Here’s What We’re Going To Do:

Learn about Embed Codes.

The Embed Code – A Scenario:

The Embed Code – A Teacher Scenario!!! I found this pretty interesting video on School Tube on “Handwashing” & I want my students to watch it. But…I don’t want them to have to leave my website. Hmmm!!!
…Click “Share” to get the Embed Code. Then, your students won’t have to leave your website to see the video!
Great! Wait?! What’s an Embed Code?! An Embed Code let’s you put a video or another multimedia object right on your website!

Find the Embed Code

To Find the Embed Code:
1. Click Share
2. Click Embed
3. Highlight & Copy Embed Code
Now that I’ve got the code, do I do with it?! The code is pasted into your website. Here how…

Embed Code How-To:

How To Add a YouTube Video to Your Web Site

Embedding a video into a web page used to be a real challenge in the early days of the web. You had different formats to chose from, other visitors might not have the proper software installed to see the video, and bandwidth was still limited, as many people were still on dialup. Fast forward to 2011. Most people now have broadband, and although there are still many video formats, the most commonly used method to embed video today is via the Flash player and an .flv file which is provided via an external host, such as YouTube.
On a side note, if you are interested in viewing HTML5-based videos on YouTube, see an article specifically about the topic, including specific directions for doing so. And if you are interested in editing YouTube videos and adding annotations, click here for an article for that as well.

YouTube Videos On Your Site

Now, embedding a video onto a web page becomes as easy as cutting and pasting. When you visit a site that hosts videos, such as YouTube, you are presented with a video box on the page. You can watch the video directly on the page, or the Flash player allows you to view the video full screen, just by clicking a button on the player. How much does it cost you to add a video from YouTube to your site? Nada--nothing. They provide the service, and they also provide the bandwidth, so the video is hosted on their servers and uses their bandwidth! Hard to beat a deal like that!

Here's an example of a YouTube video that is directly __embedded__ into this page.

OR you can insert a link to the video, such as this link to the video above:

OR highlight test to link directly to video, Ironton Elementary Handwashing Video

How do you do it? When you locate a video you'd like to add to your page on YouTube, School Tube (example above), Teacher Tube, look below the video for a Share button as shown below.

When you click the Share button, the HTML code used to __embed__ a link that video is displayed directly below it, however that's not what we are after--we want to directly embed the video into the page. We do that by clicking the Embed button which is displayed directly below the Link URL, as shown below.

Once you click the Embed button, you will see the HTML code for embedding the video, as shown below.

By clicking your mouse within the new embed code (in the form field), all the text in that field is highlighted. You then right mouse click in that field, and select Copy from your browser's drop down that will appear when you right click in the field, as shown here:

Here's what the embed code looks like for the video above:
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="" frameborder="0" allowFullScreen></iframe>
Then, open the source code of your web page, paste it into your page (either right click again where you want it, and select Paste, or place the mouse cursor where you want it, and hit Control and V on your keyboard at the same time. The embed code will be thusly deposited into your web page. Save the page, upload it to your web server using an FTP client, and view it in your browser!
It works in Firefox, MSIE, Chrome, Opera and just about any new browser out there. Most browsers come preinstalled with Flash, and if not, the visitor will usually be prompted by the browser to download the appropriate software. If you can see the video above, then you can see any video from YouTube. There are other video providers, and most use the same method of letting users embed video.

Changing the YouTube Video Window's Look and Features

Not only have the fine folks at YouTube seen fit to allow web developers, bloggers, and even normal people to embed videos directly into their own websites, they've made some options available so you can customize how the video window looks and behaves. You are able to select a checkbox for each option directly below the spot where the embed code appears.
This enables you to include related videos (like you often see when you watch videos yourself), use HTTPS--a more secure protocol, or enable YouTube's privacy enhanced mode, which allows users to view the video without storing any information in cookies related to the videos the user has viewed.
The other nice feature they provide, located even further below the embed code on the video page, is the ability to select the size you want the video window to use. YouTube allows you to choose from four sizes, plus a custom size.

When you select a size by clicking the radio link button for a particular size, the HTML code in the Embed box is updated so you can copy and paste it into your web page.

Adding a YouTube Video To Social Network Pages, Blogs, Etc.

Some of you may be more interested in adding videos from YouTube to your __social__ networking profile pages or walls, blogs or other pages. YouTube makes that even easier than adding videos manually as shown above. You just follow the same procedure you previously followed and click the Share button like before. If you're hoping to add the video to a Facebook, Twitter or Google+ account, you simply click on the social networking site's icon:

When you do that, a window will open up which will allow you to grant permission to access your social networking account, and it will allow you to add a comment and select the people or lists that will be allowed to view it. If you wish to add it to others, YouTube is equipped to allow you to add it to the following sites:
  • orkut
  • tumblr
  • Blogger
  • MySpace
  • hi5
  • Bebo
  • StumbleUpon
To access the social networking buttons for these sites, click on the Show More link next to the social networking icons shown above, and you will be presented with the following:

The process is the same as it was for adding a video to Facebook--just click the icon, login and allow access to your social networking account, and submit it. It will be added to your wall, profile or __blog__ just like that--it really can't get any easier.

Conclusion: Now You Know How To Embed Video Into Your Pages

As you can see, adding a video to your site is not only simple, it's versatile! So get out there and start adding videos to your sites! Have fun!

So Much More Than YouTube, for other digital content options are:

GoogleDocs, Forms & Presentations:

1. Create a Google Form (Survey)

  1. Select Create > Form
  2. Title: Form – Be OBVIOUS!
  3. Create Questions - First Two are created for you
  4. Click Pencil to edit Click Add Item to create more questions
  5. Click More actions > Embed
  6. Follow the Steps to Insert Code


2. Choose Announcements (Blog)

as the template if you would like to create a blogging site, and embeddding intoyour website is the same procedre as above.

2. Google Presentation

Two Ways to Use Upload created
PPT WARNING! PPT does NOT always convert!
Create Presentation & Embed

AuthorStream :

AuthorStream Want to do MORE with PPT? Have a PPT with voice narration? Have Custom Animations on a PPT that you don’t want “lost in translation”? Want privacy choices?
Go to: AuthorStream – Upload PPT Click Upload > Single File Upload Browse to find your file Fill out file info. Make File public to get embed code Follow the Steps to Embed Code To Steps Slide

PowerPoint Presentation:

PowerPoint Presentation: Share – Create Slide Shows with Embed Codes, then Upload Photos/Videos
Choose Tools > Slideshows
Create Photobucket Slideshow
Get Embed Code Click HTML Code Follow Steps to Embed Code

Widgets: Widgets Countdown Clock Calendar Search Bar Calculator Chat Social media

Find a Widget:
For a wiki, I chose a FLASH format for the embed code.

Search for widgets for wikispaces:

Use Google (or your favorite search engine) to find widgets for your Website

You KNOW the steps to finding & applying an EMBED CODE Now, find widgets you want to use! I like Countdown Clocks, Calendars & Twitter Feeds! 4. Simply search > fill in > copy code > Use the Steps to Embed Code


Update your site OFTEN to keep kids engaged and coming back. Most sites have ways to EMBED content on your site.

Create a Photo Slideshow

You can create a full-screen slideshow in the Picasa software or on the web in Picasa Web Albums.
To create a slideshow in Picasa, click the Play button on the folder or album header. To create a slideshow using photos from multiple folders and albums, first create a new album using these photos.
Use the controls at the bottom of the slideshow to change slideshow settings:
Set your slideshow to play continuously:
  1. Click Tools > Options (Windows) or Picasa > Preferences (Mac).
  2. Click the Slideshow tab.
  3. Select 'Loop slideshow' to play your slideshow over and over.
To exit the slideshow, click the Exit button at the bottom of the slideshow, or press the Esc key.

Picasa Web Albums

To create a slideshow in Picasa Web Albums:
  • On an album, click the Slideshow button. Use the controls at the bottom of the slideshow to adjust slide duration, play/pause, and the inclusion of captions.
  • On a single photo, click the Full Screen button. Identical slideshow controls are available, however the slideshow is paused to provide a full screen view of the specific photo.
To exit the slideshow, click the X button or press the Esc key.
Truly go full-screen with F11. At any time while viewing the full-screen slideshow, toggle the F11 key to get rid of the browser clutter and view your photos using your entire monitor.