<script src="jquery.js"></script>
<script src="jyoutube.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    // Get youtube video thumbnail on user click
    var url = '';
    $('#send').click(function(){
        // Check for empty input field
        if($('#video').val() != ''){
            // Get youtube video's thumbnail url
            // using jYoutube jQuery plugin
            url = $.jYoutube($('#video').val());
            //url = $.jYoutube($('#url').val());
            // Now append this image to <div id="thumbs">
            $('#video_bild').append($('<a href="'+url+'" />'));
            //$('#thumbs').append($('<img src="'+url+'" />'));

         }

});

});

</script>

 <!-- Hier ist Zeichenbegrenzung beendet  -->
 <!--<textarea name="nachricht" rows="5" cols="40" >
</textarea>  -->
<br /><br />
<div id="thumbs"> </div>
<div id="name">
Name:* <br />
<input type="text" name="name" value="" size="20" maxlength="100" />
</div>
<div id="stadt">
Stadt:* <br />
<input type="text" name="stadt" value="" size="20" maxlength="100" />
</div>
<br />
<div id="video2">
Videolink: <br />
<input type="text" name= "video" id="video" value="" size="47" maxlength="" />
<script type="text/javascript">
    document.write( '<input type="hidden" id = "video_bild "name="video_bild" value="' + url + '">' );
  </script>


<!--  <input type="hidden" name="video_bild" value=""/>-->
</div>
<div id="url">

<p class="nosee">
  <label for="url">Bitte hier NICHTS eintragen!</label>
  <br />
  <input id="url" name="url" size="50" value=""  />
</p>
</div>

<br />
<br />
<div id="submit">
<input type="submit" name="send" id="send" value="Teil es mit" />
</div>
</form>

$.extend({
  jYoutube: function( url, size ){
    if(url === null){ return ""; }

    size = (size === null) ? "big" : size;
    var vid;
    var results;

    results = url.match("[\\?&]v=([^&#]*)");

    vid = ( results === null ) ? url : results[1];

    if(size == "small"){

     return "http://img.youtube.com/vi/"+vid+"/2.jpg";


    }else {

       return "http://img.youtube.com/vi/"+vid+"/2.jpg";

    }
    //musste mit den gleichen Links das Skript etwas austricksen, da sonst nur große Bilder angezeigt wurden, wird noch bearbeitet
  }

});