fancybox html внутри webgl земля javascript

Question

У меня есть глобус с маркерами, созданными с помощью webgl earth ( http://www.webglearth.org/), и я также использую fancybox для отображения всплывающих окон видео на YouTube ( http://fancyapps.com/fancybox/)

Проблема, с которой я столкнулся, заключается в том, что я хочу, чтобы ссылка на видео находилась внутри созданных мной маркеров, и проблема, с которой я столкнулся, заключается в том, что я не могу использовать стандартную ссылку html внутри javascript. Я также попытался связать его с помощью метода, найденного здесь, но это не удалось ( 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>",