Placing Video

Placing Video

Instructions in this section of help below are for LiveEdit 3.6 users. Get LiveEdit Aurora help here.

Place a Video

How to embed a YouTube video in LiveEdit

How to embed a YouTube video in LiveEdit

Step 1: On the YouTube website

Get the embed code from YouTube.

Figure 1

1.

Click the Embed tab beneath the video and select whatever options you desire.

2.

Copy the code in the box after making your selections for the options listed below.

Select “Use old embed code” in order to integrate the needed parameters required in the next step.

Most chambers prefer to uncheck the box for “Include related videos”; this will help keep users on your website.

Select a size or enter a custom size.

Step 2: In a text editor

Update the code to allow for transparency so that the video will not overlap drop down menus and the LiveEdit “edit mode” functionality - for this step, paste the embed code you copied from the YouTube site into a plain text editor like Notepad:

A. Add the following within the “object” tag (see example below):

<param name="wmode" value="transparent"></param>

B. Add the following within the “embed” tag (see example below):

wmode="transparent"

Example:

Original code:

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/yJp_E1G7JcA?fs=1&hl=en_US&rel=0"></param></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/yJp_E1G7JcA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

Updated code with attributes added:

<object width="480" height="385"><param name="wmode" value="transparent"><param name="movie" value="http://www.youtube.com/v/yJp_E1G7JcA?fs=1&hl=en_US&rel=0"></param> </param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed wmode="transparent" src="http://www.youtube.com/v/yJp_E1G7JcA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

Step 3: In LiveEdit

Use the “New in [location]” – “HTML” option to add a new content item (figure 2) and then paste in the updated code and click “Save and Publish” (figure 3) to embed the YouTube video in your LiveEdit website:

Figure 2

Figure 3