Fusion Tables: video in info window


Zie dit stukje als een vervolg op de blog van Laura Wismans aus die reihe ‘Handleiding Fusion Tables voor beginners’ die volgens mij gestart is door Jerry Vermanen.

Laura Wismans laat zien hoe je Fusion Tables zover kunt krijgen om een grafiek te laten zien in de popup window, of eigenlijk de ‘info window’ zoals Google het zelf noemt. Je kunt vrijwel elk stukje html-code in de info window plaatsen. In deze blog laat ik zien hoe je een YouTube-video kunt tonen via de info window.

Screenshot van het resultaat:

Stap 1

Zoek een YouTube-video en vraag vervolgens de html-code op via ‘Oude insluitcode gebruiken’. De standaardbreedte van een video is 560px breed. Dat vind ik wat veel, daarom heb ik de breedte gehalveerd.

Stap 2

Maak een Google Docs document en kopieer de code uit stap 1 in het document. Bijvoorbeeld:

Stap 3

Maak op basis van dit document een Fusion Table aan. Vervolgens kun je de info window aanpassen. Ik heb het zo ingesteld:


<div class='googft-info-window' style='font-family: sans-serif'>
<b>{omschrijving}</b>

<div style="width:280px;height:172px; margin-top:12px">
{embedcode}
</div>
</div>


En dan is dit het resultaat:

  1. No comments yet.

You must be logged in to post a comment.

  1. No trackbacks yet.