如何在工具提示中嵌入YouTube视频？

Question

我正在尝试使用oder中的MaterialiseCSS工具提示来显示YouTube视频。我已将jQuery中的html属性设置为“true”，并将嵌入的iframe代码添加到HTML中的data-tooltip属性中。

我遇到html iframe代码中的引号问题，它们阻止了代码关闭。我尝试使用＆amp; quot语法转义引号，但所做的只是显示html文本而不是实际运行工具提示中的代码。我试过内部带双引号的单引号outisde，只显示一个小的空白框。我假设这意味着html正在运行但没有显示任何内容。有谁知道问题是什么？

的jQuery

$('.test-tooltip').tooltip({
            delay: 50,
            html: true,
        });

HTML

<a class="test-tooltip" data-tooltip="<iframe width="853" height="480" src="//www.youtube.com/embed/Q8TXgCzxEnw?rel=0" frameborder="0" allowfullscreen></iframe>" 

Answer 1

您可以添加另一个div或元素作为视频容器，并将其作为jQuery函数的返回添加到popover中。

jQuery的：

Hash::check('plain-text', $hashedPassword)

HTML：

 $('.test-tooltip').popover({
   delay: 50, 
    html : true,
    content: $('#youtube_container')
    }
  });

它应该有用。