InfoWindow, Chrome Safari, Flash problem

[petomane]

Hi,

My google maps API 3 page is experiencing some problems in Chrome and
Safari.

http://takemethereboris.co.uk/

I am trying to play a youtube video in an InfoWindow. This works fine
in FF and IE, but in Chrome and Safari the results are patchy.
In Chrome some of the video player is obscured.
In Safari it is positioned in the wrong plage.
Also when the map is moved, the InfoWindow moves but the youtube video
does not.

I have tried position absolute, relative etc on video and container
elements. I have played with the flash parameters like scale and
wmode.

The html for the InfoWindow looks like this:

this.getContentWindowHTML = function()
{
return '<div class="boris-video">'
+ '<h1>'+ this.name +'</h1>'
+'<object width="'+LocationManager.VIDEO_WIDTH+'"
height="'+LocationManager.VIDEO_HEIGHT+'">'
+'<param name="movie" value="http://www.youtube.com/v/'+this.videoId
+'&autoplay=1"></param>'
+'<param name="allowFullScreen" value="true"></param>'
+'<param name="allowscriptaccess" value="always"></param>'
+'<embed src="http://www.youtube.com/v/'+this.videoId+'&autoplay=1"
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="'+LocationManager.VIDEO_WIDTH+'"
height="'+LocationManager.VIDEO_HEIGHT+'"></embed>'
+'</object>'
+'<div class="more-info">'
+ '<a href="'+this.wikilink+'" target="_blank"><img src="images/
wikipedia.gif" alt="find out more"/></a>'
+'</div>'
+'</div>';
}

any help much appreciated.

Henry

[William]

On Jun 17, 6:02 pm, petomane <henry.sen...@googlemail.com> wrote:
>
> Also when the map is moved, the InfoWindow moves but the youtube video
> does not.
>

there was an explanation on this thread about the webkit browsers
(chrome and safari)

http://groups.google.com/group/google-maps-js-api-v3/browse_thread/thread/fd5d35c9f4178736

...

[petomane]

Thanks for pointing this out

I have updated the code so that for Chrome and Safari i put some
marker html in the InfoWindow and overlay the video on top.
I've also added code so the video tracks the infowindow when the map
is moved.

It's a bit klunky but better than it was

http://slide-rules.co.uk/ICC/boris_again/

> http://groups.google.com/group/google-maps-js-api-v3/browse_thread/th...
>
> ...

[petomane]

Thanks for pointing this out

I have updated the code so that for Chrome and Safari i put some
marker html in the InfoWindow and overlay the video on top.
I've also added code so the video tracks the infowindow when the map
is moved.

It's a bit klunky but better than it was

http://slide-rules.co.uk/ICC/boris_again/


On Jun 17, 9:59 pm, William <william.g...@gmail.com> wrote:

> On Jun 17, 6:02 pm, petomane <henry.sen...@googlemail.com> wrote:
>
> > Also when the map is moved, the InfoWindow moves but the youtube video
> > does not.
>
> there was an explanation on this thread about the webkit browsers

[Trevor]

Try this:

iframe { -webkit-transform:translate3d(0,0,0); }