iframe - 使用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: