语义ui嵌入脚本不起作用

Question

嗨，我正在尝试使用语义ui的embed标签 如果用户点击，则呈现iframe。

我遇到的问题是，如果我像他们所告知的那样使用它，那是行不通的！

这是我的下面的代码

    {% for video in object_list %}
    <div class="column">
        <div class='ui embed' data-url="{{video.url}}"></div>
    </div>
    {% endfor %}

 <script type="text/javascript">
 $(document).ready(function () {
 $('.ui.embed').embed();
 });
</script>

https://semantic-ui.com/modules/embed.html#/usage

此链接是语义ui的文档。

这是他们的例子。

$('.url.example .ui.embed').embed();

<div class="ui embed" data-source="youtube" data-id="O6Xo21L0ybE" data-icon="video" data-placeholder="/images/bear-waving.jpg"></div>

1. 什么会引起问题？我的网址不包含任何-或=

2. 我错过了任何标签或功能吗？

3. 有什么补充品吗？