將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 
});