javascript - webgl earth javascript 中的 fancybox html

标签 javascript html web fancybox webgl-earth

我有一个地球仪,上面有使用 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>

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

最佳答案

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

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

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

关于javascript - webgl earth javascript 中的 fancybox html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36525342/

相关文章:

javascript - 将数据附加到表中作为变量

html - 如何正确放置 <aside> 标签?

javascript - 淡出/淡入和卷起 jquery 效果

javascript - 根据数组中的值动态更改 CSS

html - Bootstrap 不均匀列顺序

html - 如何使用转换对齐 HTML 中的图例?

web - Web 应用程序和独立标题/功能区上的 MS Outlook Web 插件的可能性

testing - 用于验证网站的任何好的命令行工具(用于构建服务器)?

javascript - window.onerror 工作的支持位置?

javascript - 为什么我的按钮在表单内时不会更改浏览器的位置?