<a style="cursor:pointer;" onclick="$('#avatar_view').toggle();$('#background').toggle();">Открыть окно</a>

<div style="padding-top:12px;">
<div style="background-color: #ffffff;width: 100%; padding-right:15px;padding-top:1px; padding-left:15px; max-width:768px;">
<div id="close" style="float:left;padding-bottom:13px;padding-left:2px;padding-top:13px;"><font color="#2b587a"><b>Видео </b></font></div><span style="float:right;padding-bottom:13px;padding-top:13px;"><font color="#2b587a"><a onclick="$('#avatar_view').toggle();$('#background').toggle();">Закрыть</a></font></span>
<div id="photopers" style="padding-bottom:70px; padding-top:70px;"><div id="phx"><div class="vfrphoto">

<style>
/* поле для ввода */
.search_input {
font-size: 20px;
text-align: center;
width: 400px;
margin: 0px auto;
display: block;
padding: 5px;
border-radius: 5px;
}
/* результат поиска */
#result {
margin: 0px auto;
display: block;
min-height:450px;
width:550px;
text-indent: 0px;
background: url('http://2.bp.blogspot.com/-EsWpDOcktn0/Ti8nknu6FxI/AAAAAAAASc8/nR8wqFWwTy8/s00/ytinstantsearch2.png') no-repeat center;
}
/* надпись при отсутствии видео или название ролика */
#no, #title {
font-size: 18px;
height: 40px;
line-height: 1;
padding-bottom: 10px;
text-align: center;
}
/* нижний текст со счётчиком YouTube */
#count {
height: 20px;
padding-top: 10px;
text-align: right;
}
</style>

<input class="search_input" placeholder="поиск видео YouTube" type="text" />
<div id="result">
</div>

<script src="https://www.google.com/jsapi?key=ABQIAAAAlFi5Iz5v-C52X6_n6Bs7bxSLZTY4-aJ1iNATB5DhTjxsmCKBPBS3KqrjK0_wkGIu5JtZwTGlgaZV3w" type="text/javascript"></script>
<script>
google.load("jquery", "1");
</script>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function(){
$(".search_input").focus();
$(".search_input").keyup(function() {
var search_input = $(this).val();
var keyword= encodeURIComponent(search_input);
var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=1&v=2&alt=jsonc';
$.ajax({
type: "GET",
url: yt_url,
dataType:"jsonp",
success: function(response){
if(response.data.items){
$.each(response.data.items, function(i,data){
var video_id=data.id;
var video_title=data.title;
var video_viewCount=data.viewCount;
var video_frame="<iframe width='550' height='450' src='http://www.youtube.com/embed/"+video_id+"' frameborder='0' type='text/html'></iframe>";
var final="<div id='title'>"+video_title+"</div><div>"+video_frame+"</div><div id='count'>"+video_viewCount+" Views</div>";
$("#result").html(final);
});
} else {
$("#result").html("<div id='no'>Видео по запросу не найдено</div>");
}
}
});
});
});
//]]>
</script>