Cómo personalizar la ventana de información básica con fichas que se muestran en el mapa usando GInfoWindowTab Google

Question

Tengo la siguiente función para mostrar la ventana de información con pestañas en el mapa de Google utilizando GInfoWindowTab, la ventana de información predeterminada se muestra con dos pestañas, mi pregunta es ¿cómo puedo cambiar el tamaño, color de fondo y estilos de la ventana de información y puedo añadir vídeos en una de la pestaña en la ventana de información.

function createMarker(point, name, address, imagepath) {
        var marker = new GMarker(point, gicons[imagepath]);

        var html1 = '<span class="name-tab"><b>' + name + '</b></span> <span class="info"><br/>' + address + '</span>';
        var content = '<img width="100" Height="100" src="http://www.visitingdc.com/images/golden-gate-bridge-picture.jpg" />'; 

        GEvent.addListener(marker, 'click', function() {
        var infoTabs = [new GInfoWindowTab("Address", html1), new GInfoWindowTab("Images", content)];
                 marker.openInfoWindowTabsHtml(infoTabs);
      });

Answer 1

try

<div id="infoWin" style:"background-color:#000 ;...." > content </div> 

o utilizar una clase de su css / style.css

Sobre los videos en las pestañas, sí se puede incrustar un enlace a un video

google.maps.event.addListener(marker, "click", function(){
    bubble = new google.maps.InfoWindow({
      content: '<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/UmFjNiiVk9w?fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/UmFjNiiVk9w?fs=1" type="application/x-shockwave-flash" width="425" height="344" allowscriptaccess="always" allowfullscreen="true"></embed></object>'
    })
    bubble.open(map, marker);
})