使用jQuery可以看到boostrap模式时添加iFrame

时间:2016-02-17 15:47:42

标签: javascript jquery iframe youtube bootstrap-modal

当我通过jQuery在屏幕上显示模态时,我想添加一个嵌入到模态的youtube,因为我在屏幕上有多个模式会显着影响页面加载时间,我只想在特定时加载视频模态在屏幕上可见。

$( document ).ready(function() {
 $(modalID).on('show',function(){
       $('.player').html('<iframe width="560" height="315" src="embed code" frameborder="0" allowfullscreen></iframe>');//iframe class
});  
});

1 个答案:

答案 0 :(得分:0)

我想到了任何想知道的人...... 显然你需要一个没有初始src属性的iFrame,比如width .. height = ...和其他属性

    $( document ).ready(function() {
 $(modalID).on('show',function(){
       $(iFrame).attr('src', youtube embed src);//add the youtube embed source
});  
});