Preview video de post en index

[Sergio9]

Esto es lo que estoy intentando hacer:

En un post de blogger, creo un div que sea:
<div id="video_url">http://youtube.com/..."</div>

y que en el index se vea, con un tamaño predefinido, el video, pero no consigo hacerlo, solo consigo que se pegue el código script sin haberse generado.

Este es la URL de blog, es para un trabajo de clase

http://live2blogmusic.blogspot.com.es/

El codigo que he usado ha sido este:

Código:

                     <script type='text/javascript'>
                                //<![CDATA[
                                function snips_video_creator()
                                {
				  var video_url = document.getElementById("video_url")
                                  var video_width=310;
				  var video_height=233;
                                  var show_defaultvid_thumbnail=true;
                                  var defaultvid_thumbnail="";
                                  if(show_defaultvid_thumbnail == true && video_url == "") video_code= defaultvid_thumbnail;
                                  video_tag='<iframe width="'+video_width+'" height="'+video_height+'" src="'+video_url+'" frameborder="0" allowfullscreen></iframe>';
                                  if(video_url!="") return video_tag; else return "";
                                }
                                //]]>
 				</script>

y lo llama este:

Código:

                                  <script type='text/javascript'>
                                  document.write(snips_video_creator)
                                  </script>