You can easily embed a YouTube video into a placemark balloon in Google Earth.
- 1 - Upload your video in YouTube or choose a video that's already uploaded.
- 2 - On the YouTube video's webpage, find the Share button and click on it to see more options. Find the Embed button and click on it to see more options. Look for the checklist of options below the html code and select the option for "Use old embed code". Now copy the HTML code. The code looks similar to this:
- 3 - Choose a placemark you've already created (for example use the track created in activity 2.
- 4 - To edit the placemark, right-click on the placemark in the 3D viewer or in the Places panel, and choose Properties (on a PC) or Get Info (on a Mac).
- 5 - In the Description field, paste the YouTube HTML code which you copied in Step 2.
- 6 - Click OK.
- 7 - Now when you click on the placemark, its balloon has the YouTube video!
Google Earth balloons can be customised using HTML. You can add font sizes, styles, and colours, links, tables, and images into your balloons by including it as HTML in the Description. Let´s see how to add an image and a link.
- 1 - Before adding an image to a placemark we have to put it online, because then it becomes easier to add it on the placemark. We can put the image in any platform that allows us to access the image through a link (URL) such as Picasa or DropBox. However, we must resize the image so it do not get too big when we see it in Google Earth, an acceptable size could be 480x336.
- 2 - Choose a placemark you've already created
- 3 - To edit the placemark, right-click on the placemark in the 3D viewer or in the Places panel, and choose Properties (on a PC) or Get Info (on a Mac).
- 4 - Click on the "Add image..." button, and copy and paste the following URL image (which references an online photo ) into the Image URL box. This could be an image posted on Picasa ou anywhere else on the web. For example use this link. (you could use another URL image to show a different image.
http://earth.google.com/outreach/images/stories_adelia3.jpg
- 5 - Then click OK
- 6 - You will see the HTML code for the image automatically entered into the Description field.