如何将视频嵌入JQuery工具提示

我正在使用这个插件clueTip

请参见第一个示例，将指针悬停在链接上，会弹出一个框。我想将youtube视频嵌入其中，而不是显示文本

那么，我如何将嵌入代码放入标题中：

 <a class="title" 
href="#" 
title="This is the title|The first set of contents comes after the first delimiter in the title.|In this case, the delimiter is a pipe">

---

这是我第一次使用JQuery，所以请对我放轻松：）

也许不是对你问题的直接回答，但请看

非常好的jQuery工具提示，带有嵌入式youtube视频示例

---

祝你好运

如果你想要的不仅仅是纯文本，我建议不要在标题中包含工具提示源代码

使用jQuery可以很容易地指定自定义工具提示，而不用使用插件，这将使您更自由。通过在默认情况下隐藏的div中为嵌入的youtube（或其他）视频指定代码，您可以轻松地显示任何您喜欢的内容

以下是使用jQuery实现自定义工具提示的简单方法：

$('.with-tooltip').hover(function() {
$(this).find('.tip').toggle();
});

对于上述代码，您需要一个

来包含默认情况下隐藏的

，该代码将包含您的视频嵌入代码

我知道您已经说过您是jQuery新手，但是其余的应该是非常自解释的，即：在

$（document.ready（function（）{…}）上启动jQuery代码等

我假设你是jQuery新手，而不是网页设计新手，比如HTML和CSS

因此，显然您需要适当的CSS来设置工具提示
.tip{…}
的样式，以便它准确地显示您希望它显示的位置，等等

祝你好运


演示：

$（函数（）{
$（'a.title'）.cluetip({
拆分标题：“|”，
阿罗：没错，
宽度：“300px”，
高度：“300px”，
关闭位置：'标题'，
closeText:“”，
斯蒂奇：是的，
onShow：功能（ct，c）{
/*onShow中的所有内容都指向

如果你需要更详细的解释，请给我留言。我喜欢你把它栓在
上的想法。不过，cluetip
对我来说似乎有点混乱。我喜欢这一点，谢谢。我尝试添加的不仅仅是youtube URL。我想添加一个描述和我的评级（最终将从数据库中获取）。那么，我是否只是在onShow:函数中添加参数？例如，
onShow:函数（ct，c，d）{var src=c.text（）；var desc=d.text（）；
，或者我是否做了一些完全不同的事情，因为这似乎不起作用。使用示例演示更新。请查看它。；）
$(function() {
    $('a.title').cluetip({
        splitTitle: '|',
        arrow: true,
        width: '300px',
        height: '300px',
        closePosition: 'title',
        closeText: '<img src="cross.png" alt="" />',
        sticky: true,
        onShow: function(ct, c) {
        /* Everything inside onShow is referred to the <a> so,
         this.href, this.id, this.hash, etc...

        ct & c are reference to the wrapper created 
        by the cluetip plugin.
        ct represent the main container, 
        while c is just the content container
        */
        var src = c.text();
        c.html('<embed ' + 
               'height="200" '+
               'width="200" '+
               'wmode="transparent" '+
               'pluginspage="http://www.adobe.com/go/getflashplayer" '+
               'src="http://www.youtube.com/v/'+src+'" '+
               'type="application/x-shockwave-flash" '+
               '/>');
        }
    });
});

<a class="title" href="#" title="Mass Effect 3 Debut Trailer|BnEej1RfqTs">