0

ループに問題がありますが、ユーザーが YouTube ビデオのサムネイルを取得できるツールを作成しました。動画のウォッチ ID を入力すると画像が表示されますが、別の ID を入力に再入力しても変更されません。ループ/複数の画像グラブを可能にするためにコードを変更するにはどうすればよいですか?

<!doctype html>
<html>
<head>
    <title>Thumbnail Grabber</title>
    <script type="text/javascript">
    window.onload = function()
    {
        document.getElementById( 'inp' ).onkeyup = keyUp;
    }

    function keyUp()
    {
        var img = document.getElementById( 'image' );
        img.src = img.src.replace( /url=[^&]+/, this.value +'/maxresdefault.jpg' );
    }
    </script>
    </head>
    <body>
        <input type="text" id="inp">

        <img id="image" src="http://img.youtube.com/vi/url=example/">
    </body>

4

1 に答える 1

0

交換品も部品を取り外してurl=います。が であると仮定するthis.valueと、プロパティが に"X"変更されます。次の keyup イベントでは、これ以上置き換えるものはありません。srchttp://img.youtube.com/vi/X/maxresdefault.jpg

&また、ユーザーが文字を入力する場合も忘れないでください。

だから私は提案したい.replace( /url=[^&]+/, "url=" + encodeURIComponent(this.value+'/maxresdefault.jpg') );

于 2013-06-10T15:32:32.313 に答える