javascript - webgl earth javascript 中的 fancybox html

Question

我有一个地球仪，上面有使用 webgl earth ( http://www.webglearth.org/ ) 制作的标记，我还使用 fancybox 来显示 youtube 视频的弹出窗口 ( http://fancyapps.com/fancybox/ )

我遇到的问题是我希望视频链接位于我创建的标记内，而我遇到的问题是我无法在 javascript 中使用标准 html 链接。我也尝试使用此处找到的方法链接它，但没有成功 ( https://bencollier.net/2011/05/quickly-creating-an-html-link-in-javascript/ )

这是我工作的网站，它将在中国显示一个标记 (http://playground.eca.ed.ac.uk/~s1572393/map/globe.html#)

这是有问题的代码部分；

var marker2 = WE.marker([35.8617, 104.1954]).addTo(earth);
            marker2.bindPopup("<b>China</b>",
                    {maxWidth: 120, maxHeight: 120, closeButton: true });

我正在尝试在显示国家名称的位置之后添加链接。这是我想要使用的链接，因为它出现在 HTML 中；

<a class="fancybox" href="http://www.youtube.com/watch?v=opj24KnzrWo">Youtube</a>

如有任何帮助或建议，我们将不胜感激，谢谢。

Answer 1

您的视频无权在 Youtube 之外播放。有些视频允许嵌入，但有些视频不允许。所以尝试其他视频。然后你可以把<a>标记到您的地球代码中。

我试过这个视频，它有效。

marker2.bindPopup("<a class=\"fancybox\"  href=\"https://www.youtube.com/embed/XGSy3_Czz8k\">Youtube<\/a>",