I just solved this issue by adding a simple style. First try putting your
chunk of code inside an iFrame, then use the style:
iframe { *-webkit-transform:translate3d(0,0,0)*; }
If you don't want to use an iFrame, try using the style on a surrounding
div. I only suggest the iFrame, because that is how I am doing it.
Cheers!
On Wednesday, October 6, 2010 8:22:48 PM UTC-7, Trufa wrote:
>
> I am trying to put a youtube video into a Google Map (v3) Info Window.
>
> It works fine in Firefox and Internet Explorer.
>
> It does not work in Safari and Chrome. In those browsers the
> positioning is off and the video doesn't move when you move the map.
> The video also gets chopped sometimes.
>
> Here is the code that doe
>
>
> <!doctype html>
> <html>
> <head>
> <script src="http://maps.google.com/maps/api/js?sensor=false";></
> script>
> <script>
> var map;
> function initialize() {
> latlng = new google.maps.LatLng(33.4222685, -111.8226402)
> myOptions = {
> zoom: 4,
> center: latlng,
> mapTypeId: google.maps.MapTypeId.ROADMAP
> };
> map = new
> google.maps.Map(document.getElementById("map"),myOptions)
> var point = new google.maps.LatLng(33.4222685, -111.8226402);
> var marker = new google.maps.Marker({
> position: point,
> map: map
> })
> 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);
> })
> }
> </script>
> </head>
> <body onload="initialize();">
> <div id="map" style="width: 984px; height: 495px"></div>
> </div>
> </body>
> </html>
>
> An example of it working fine for the Google Maps API version 2 is
> here [url=http://www.virtualvideomap.com/]Virtual Video Map[/url]
>
> Also on [url=http://maps.google.com]Google Maps[/url] You can see
> youtube videos inside the Info Window working in Chrome and Safari by
> clicking "More..." on the top right of the map, and then checking
> "Videos".
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-maps-js-api-v3+unsubscr...@googlegroups.com.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
Visit this group at http://groups.google.com/group/google-maps-js-api-v3.
For more options, visit https://groups.google.com/groups/opt_out.
