InfoWindow, Chrome Safari, Flash problem

979 views
Skip to first unread message

petomane

unread,
Jun 17, 2010, 4:02:58 AM6/17/10
to Google Maps JavaScript API v3, t...@terabite.co.uk
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

unread,
Jun 17, 2010, 4:59:29 PM6/17/10
to Google Maps JavaScript API v3
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

unread,
Jun 17, 2010, 7:32:45 PM6/17/10
to Google Maps JavaScript API v3
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

unread,
Jun 17, 2010, 7:32:21 PM6/17/10
to Google Maps JavaScript API v3
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

unread,
Dec 28, 2013, 7:03:01 PM12/28/13
to google-map...@googlegroups.com, t...@terabite.co.uk, henry....@googlemail.com
Try this:
iframe { -webkit-transform:translate3d(0,0,0); }
Reply all
Reply to author
Forward
0 new messages