Videos

There are many websites available where users can upload and share their video clips. The vast majority offer their services for free and allow you to embed the video clips in to your own website. Some even allow you to create an entire playlist or a list of favorites, which you can embed directly from their website. Below we show you how to use widgets to insert a YouTube movie or playlist and a MySpace movie.

YouTube Video

It's easy to insert a video from a video sharing website into Xara Web Designer or Xtreme. Below we give a step by step guide on how to insert videos from YouTube.
1
Go to YouTube, locate the video you wish to embed in your web page.
2
Copy the code provided from the text field named 'Embed' on the right side of the video.
3
In Web Designer or Xtreme 5, open the web page in which you wish to embed your YouTube video.
4
Using the Rectangle tool, insert a placeholder on your web page where you wish the video to appear.
5
Open the Web Properties dialog via Utilities > Web Properties (or by clicking on the icon in the web toolbar or Shift+Ctrl+W) and then click on the Placeholder tab.
6
Replace the HTML code with the code you copied from YouTube.
7
Click on OK to apply the changes and close the dialog.

YouTube Playlists

Below we give a step by step guide on how to insert YouTube Playlists or Favorites.
1
Sign in to your YouTube account and create a Playlist or add some videos to your favorites list.
2
Click on the Account link on the top left menu.
3
Click on the link 'Custom Video Players'.
4
Select to Create a Custom Video Player.
5
Next, enter the Player Name and Description and select a Theme and Layout for your custom player.
6
Choose your videos, your favorites or one of your playlists to be included as the content of this player. Press 'Change' to switch your content selection.
7
Click on the Generate Code button to save the player and create the code for embedding.
8
Copy the code from the Embed code text area (if you'd like to embed our playlist of Web Designer movies on your page, just copy the code shown below).
Embed Code:
<object width="416" height="337"><param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFP-eV9jrHTewhA9-12QGcOMqm5FzLkLIYo="></param><embed src="http://www.youtube.com/cp/vjVQa1PpcFP-eV9jrHTewhA9-12QGcOMqm5FzLkLIYo=" type="application/x-shockwave-flash" width="416" height="337"></embed></object>
9
Follow the rest of the instructions from Step 3 onwards in the YouTube Video section above.

MySpace

Below we give a step by step guide on how to insert MySpace Videos.
1
Sign in to your MySpace account.
2
Use the menu options or the search to find the video you wish to insert in your website.
3
Select to play the video you wish to embed.
4
Copy (Ctrl+C) the HTML code from the text box labeled Embed Code (if you'd like to embed our Web Designer movie on your page, you can copy the code shown below).
Embed Code:
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.individual&videoid=56595057">Xara Web Designer: Page size </a><br/><object width="425px" height="360px" ><param name="allowFullScreen" value="true"/><param name="wmode" value="transparent"/><param name="movie" value="http://mediaservices.myspace.com/services/media/embed.aspx/m=56595057,t=1,mt=video,searchID=,primarycolor=,secondarycolor="/><embed src="http://mediaservices.myspace.com/services/media/embed.aspx/m=56595057,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/></object>
5
In Web Designer or Xtreme 5, open the web page in which you wish to embed your MySpace video.
6
Using the Rectangle tool, insert a placeholder on your web page where you wish the video to appear.
7
Open the Web Properties dialog via Utilities > Web Properties (or by clicking on the icon in the web toolbar or Shift+Ctrl+W) and then click on the Placeholder tab.
8
Replace the HTML code with the code you copied from MySpace.
9
Click on OK to apply the changes and close the dialog.