将HTML的值传递给jQuery文件

Question

我有这样的脚本，它运行良好！

<div id="player"></div> 

jQuery的文件：

$(document).ready(function(){ 
    //You can alternatively pass an object: 

    $('#player').youTubeEmbed({ 
     video  : 'http://www.youtube.com/watch?v=uyeJXKfAcpc', 
     width  : 640,  // Height is calculated automatically 
     progressBar : true  // Hide the progress bar 
    }); 
}); 

，但现在我想使YouTube的ID在这样的输入值：

<div id="player"> 
    <input type="hidden" name="youtube-id" value="uyeJXKfAcpc" /> 
</div> 

，并把它传递给jQuery的是什么像这样：

$(document).ready(function(){ 
    //You can alternatively pass an object: 
    $('#player').youTubeEmbed({ 
     var yid = $(this).children("input[name='youtube-id']"), 
     video  : 'http://www.youtube.com/watch?v=' . yid, 
     width  : 640,  // Height is calculated automatically 
     progressBar : true  // Hide the progress bar 
    }); 
}); 

Answer 1

Y ou在对象中声明变量，将其移至youTubeEmbed插件之上，还可使用.val()方法访问输入的值。

var yid = $("input[name='youtube-id']").val(); 
$('#player').youTubeEmbed({ 
    video   : 'http://www.youtube.com/watch?v=' + yid, 
    width   : 640,  // Height is calculated automatically 
    progressBar : true  // Hide the progress bar 
}); 

Answer 2

根本没有必要使用输入。做 -

​​

你的jQuery -

$('#player').youTubeEmbed({ 
    video: 'http://www.youtube.com/watch?v=' + $(this).attr('data-youtube'), 
    width: 640, 
    progressBar: true 
});