Javascript 如何在谷歌地图标记上显示FancyBox视频？

我有一个带有谷歌地图和标记的简单应用程序。 单击标记，我必须显示图像、幻灯片或视频

这是显示图像所需的javascript（正常工作）：

这是我试图显示的视频：

      google.maps.event.addListener(marker3, 'click', function() {
              $.fancybox({
                  'type' : 'iframe',
                  // hide the related video suggestions and autoplay the video
                  'href' : 'http://www.youtube.com/watch?v=Q_W1apjU4Go',
                  'overlayShow' : true,
                  'centerOnScroll' : true,
                  'speedIn' : 100,
                  'speedOut' : 50,
                  'width' : 640,
                  'height' : 480
              });    
            });   

在这里，我用一个带有3个标记的谷歌地图重新创建了一个场景，其中一个可以看到图像，另一个可以看到幻灯片，第三个可以看到视频。 图像和幻灯片正常工作，但我看到的不是视频，而是一个空白框：

也许有人知道如何正确显示视频

多谢各位

使用以下js：

      google.maps.event.addListener(marker3, 'click', function() {
              $.fancybox({
                  'type' : 'iframe',
                  // hide the related video suggestions and autoplay the video
                  'href' : 'http://www.youtube.com/watch?v=Q_W1apjU4Go',
                  'overlayShow' : true,
                  'centerOnScroll' : true,
                  'speedIn' : 100,
                  'speedOut' : 50,
                  'width' : 640,
                  'height' : 480
              });    
            });   

// Video - Not working 
google.maps.event.addListener(marker3, 'click', function() {
              $.fancybox({
                  'type' : 'iframe',
                  // hide the related video suggestions and autoplay the video
                  'href' : 'http://www.youtube.com/watch?v=Q_W1apjU4Go'.replace(new RegExp("watch\\?v=", "i"), 'v/'),
                  'overlayShow' : true,
                  'centerOnScroll' : true,
                  'speedIn' : 100,
                  'speedOut' : 50,
                  'width' : 640,
                  'height' : 480
              });    
            });