使用类似于嵌入YouTube播放器的东西嵌入JQuery插件

时间:2012-07-20 12:32:26

标签: jquery youtube embed

我开发了一款自定义YouTube播放器。通过该播放器,我实现了一个问答系统,通过使用ajax调用php函数将数据保存到我的数据库中。

以下是html代码

<div id="player">
</div>

    <div id="commentArea">
    <div class="question ui-corner-all">
        <textarea id="comment" rows="10" cols="50" style="width: 100%"></textarea>
        <div id="btnSave" class="player-button" style="float: right">
            Send</div>
        <div style="clear: both">
        </div>
    </div>
</div>

要使其工作,我必须引用3个样式表和3个脚本文件。但我希望最终用户能够轻松地嵌入此代码,而不是将内容放入标题中并将上面的html代码放在正文中。

他们是否可以只使用嵌入代码,这将带来上面的html以及对js和css文件的引用?如果是这样,最好的方法是什么?

感谢您提前提供任何帮助

最诚挚的问候, Amila

1 个答案:

答案 0 :(得分:0)

你可以创建一个小的javascript,通过将它们添加到标题来获取必要的文件。有点像:

<script type="text/javascript" src="..."></script> <!-- jQuery -->
<script type="text/javascript">
  $(document.head).append('<link rel="stylesheet" type="text/css" href="...">');
</script>
...

当然,浏览器在页面的任何位置都支持<style>标记(因此只需将标记放在页面上即可),但HTML4规范不允许这样做。 此外,如果jQuery已经存在,您可能不想再次加载jQuery,但是您必须延迟代码直到实际加载jQuery。不知道如何做到这一点 - 也许是<script>的{​​{1}}事件?