Google Maps api v3 + vải + chrome gây hộp đen trên video youtube và các yếu tố đồ

Question

Im trải qua hai vấn đề ..

Vấn đề 1 này chỉ xảy ra trên Chrome trên máy Mac, thử phiên bản chim hoàng yến trở lên. hình chữ nhật là một yếu tố <canvas> .. đây là một ảnh chụp màn hình của nó. Nó xuất hiện các hình chữ nhật màu đen là nơi mà các điểm đánh dấu sẽ được. Điểm đánh dấu vẫn có thể nhấp, chỉ không thể nhìn thấy.

Vấn đề 2 Tôi nhận được một hộp đen bao gồm video youtube được nhúng trong InfoBubble bản đồ google api v3. Hộp đen thường biến mất khi bạn phóng to sau khi nhấp vào biểu tượng điểm đánh dấu. Điều này chỉ xảy ra trên Chrome trong cửa sổ.

Các trang web phát triển tôi đang đề cập đến nằm ở đây: http://sgaz.mapitusa.com Chọn Health & Wellness and click on the red marker icon.

Tôi đặt một bounty về vấn đề này, như tôi không thể có được một câu trả lời và tôi cần một để chuyển sản phẩm này vào trạng thái sản xuất.

Đây là một GIST của mã bản đồhttps://gist.github.com/a5515bd0b0139185ea16

đây là một GIST của mã bản đồ inithttps://gist.github.com/4937a60d2402e99278b0

Cập nhật: Đây là mã iframe nhúng video youtube :

<iframe width="246" height="125" src="http://www.youtube.com/embed/XFDtfg7RquI" frameborder="0" allowfullscreen=""></iframe> 

Hộp đen ov er video có thể lựa chọn trong chrome -> kiểm tra nguyên tố và điều này là HTML ..

<embed width="100%" id="video-player-flash" height="100%" type="application/x-shockwave-flash" src="http://s.ytimg.com/yt/swfbin/watch_as3-vflTsQfnT.swf" allowscriptaccess="always" allowfullscreen="true" bgcolor="#000000" flashvars="el=embedded&amp;fexp=904527%2C913102%2C913601&amp;is_html5_mobile_device=false&amp;allow_embed=1&amp;allow_ratings=1&amp;hl=en_US&amp;use_tablet_controls=0&amp;eurl=http%3A%2F%2Fsgaz.mapitusa.com%2F&amp;iurl=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FXFDtfg7RquI%2Fhqdefault.jpg&amp;view_count=28&amp;probably_logged_in=1&amp;title=GermRid&amp;avg_rating=0&amp;video_id=XFDtfg7RquI&amp;length_seconds=89&amp;sendtmp=1&amp;enablejsapi=1&amp;sk=abu5-utg87bNYJgjGarozMSmFFhRfpxwC&amp;use_native_controls=false&amp;rel=1&amp;playlist_module=http%3A%2F%2Fs.ytimg.com%2Fyt%2Fswfbin%2Fplaylist_module-vflDOq0Br.swf&amp;iurlsd=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FXFDtfg7RquI%2Fsddefault.jpg&amp;jsapicallback=ytPlayerOnYouTubePlayerReady&amp;playerapiid=player1&amp;framer=http%3A%2F%2Fsgaz.mapitusa.com%2F"> 

Answer 1

Thêm phong cách sau vào khung nội tuyến của bạn:
iframe { -webkit-transform:translate3d(0,0,0); }
Đó khắc phục vấn đề đối với tôi trong Chrome và Safari trên Windows 7.

Answer 2

Bạn có một lỗi mã đa miền, trong Chrome trên cả hai hệ điều hành.

Unsafe JavaScript attempt to access frame with URL http://sgaz.mapitusa.com/ from frame with URL http://www.youtube.com/embed/XFDtfg7RquI . Domains, protocols and ports must match.

Bạn có thể sử dụng API trình phát JavaScript thử nghiệm (thử nghiệm) cho iframe được nhúng để phá vỡ sự cố này. http://code.google.com/apis/youtube/iframe_api_reference.html

Tôi cũng nhận được lỗi

Uncaught TypeError: Property 'focus' of object [object DOMWindow] is not a function http://sgaz.mapitusa.com/ line 94

Trong chrome 17.0.9 trên Windows XP.