-3

このようなスクリプトがあり、うまく動作します!

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

2 に答える 2

3

オブジェクト内で変数を宣言し、それを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
});
于 2012-08-05T04:39:46.227 に答える
0

入力を使用する必要はまったくありません。行う -

<div id="player" data-youtube="uyeJXKfAcpc"></div>

あなたのjQuery -

$('#player').youTubeEmbed({
    video: 'http://www.youtube.com/watch?v=' + $(this).attr('data-youtube'),
    width: 640,
    progressBar: true
});
于 2012-08-05T05:29:16.250 に答える