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

【问题标题】：Embedding JQuery Plugin using something similar to embedding YouTube Player使用类似于嵌入 YouTube 播放器的东西嵌入 JQuery 插件
【发布时间】：2012-07-19 17:42:05
【问题描述】：

我开发了一个自定义 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 文件的引用？如果是这样，最好的方法是什么？

提前感谢您的帮助

最好的问候，阿米拉

【问题讨论】：

标签： jquery youtube embed

【解决方案1】：

您可以创建一个小 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。不知道该怎么做——也许是<script> 的load 事件？

【讨论】：