fancybox html inside webgl earth javascript

Question

我有一个地球仪，上面有使用 webgl earth 制作的标记 (http://www.webglearth.org/) and I am also using fancybox to display popup windows of youtube videos (http://fancyapps.com/fancybox/)

我遇到的问题是我希望视频的 link 位于我创建的标记内，而我运行遇到的问题是我不能在 javascript 中使用标准 html link。我也尝试 link 使用此处找到的方法对其进行处理，但未成功 (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 });

我正在尝试在显示国家名称的位置后添加 link。这是 link 我想使用的 HTML;

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

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

Answer 1

您的视频没有在 Youtube 外部播放的权限。有些视频允许嵌入，但有些视频不允许。所以尝试其他视频。然后你可以将 <a> 标签放入你的 globe 代码中。

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

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

fancybox html inside webgl earth javascript

fancybox html inside webgl earth javascript

html

javascript

fancybox

web

webgl-earth