使用 jquery 创建 iframe

Question

是否可以使用 jquery 创建 YouTube iframe。我想在点击而不是加载时加载 iframe。与 lazyYT 插件类似的功能。

$('.video-container').html(function () {
        var youTubeIF = '<iframe width="1280" height="720" src="//www.youtube.com/embed/myvideoid?rel=0" frameborder="0" allowfullscreen=""></iframe>';
        return youTubeIF;
    });

Answer 1

您可以使用此代码：

$('#click').on('click',function(){
    var code="<iframe width='1280' height='720' src='//www.youtube.com/embed/myvideoid?rel=0' frameborder='0' allowfullscreen=''></iframe>";
    $('.container').append(code);
});

这是它的HTML：

<button id="click">Click here</button>
<div class="container"></div>

这是它的 fiddle：

使用 jquery 创建 iframe

Creating an iframe with jquery

youtube

iframe