Search 添加加载嵌入YouTube播放器的搜索框
我看了很多不同的代码,也试了很多次,但都没能弄明白 我想做的是在我的页面上添加一个搜索框,该搜索框根据搜索查询加载YouTube播放列表,并在嵌入式播放器上播放 我的代码:Search 添加加载嵌入YouTube播放器的搜索框,search,iframe,youtube,embed,playlist,Search,Iframe,Youtube,Embed,Playlist,我看了很多不同的代码,也试了很多次,但都没能弄明白 我想做的是在我的页面上添加一个搜索框,该搜索框根据搜索查询加载YouTube播放列表,并在嵌入式播放器上播放 我的代码: <html> <head> <title>Untitled Document</title> </head> <body> <script type="text/javascript"> function go_get(){ var
<html>
<head>
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function go_get(){
var base_url = 'http://www.youtube.com/embed?listType=search&list=' ;
var search_field = document.getElementById('yourtextfield').text ;
var target_url = base_url + search_field ;
var ifr = document.getElementById('youriframe') ;
ifr.src = target_url ;
return false ;
}
</script>
<form onsubmit="go_get(); return false;" >
<input type="text" id="yourtextfield"/>
<input type="submit" value="Search Playlists" />
</form>
<iframe id="youriframe" width="640" height="360" ></iframe>
</body>
</html>
无标题文件
函数go_get(){
var base_url='1〕http://www.youtube.com/embed?listType=search&list=' ;
var search_field=document.getElementById('yourtextfield').text;
var target\u url=base\u url+search\u字段;
var ifr=document.getElementById('youriframe');
ifr.src=target\u url;
返回false;
}
结果
搜索框和播放器加载。但是,无论您搜索什么,都会加载相同的播放列表
如果我右键单击视频并查看嵌入的HTML,则结果如下:
<iframe width="640" height="360" src="http://www.youtube.com/embed/6DYngiqZim0?
feature=player_embedded" frameborder="0" allowfullscreen></iframe>
正如你所看到的,src已经改变了。YouTube可能会阻止这种行为吗?也许我的网址错了
请帮忙 只需将第12行的“文本”选项更改为“值”
<html>
<head>
<title>Youtube playlist search</title>
</head>
<body>
<script type="text/javascript">
function go_get(){
var base_url = 'http://www.youtube.com/embed?listType=search&list=';
var search_field = document.getElementById('yourtextfield').value;
var target_url = base_url + search_field;
var ifr = document.getElementById('youriframe');
ifr.src = target_url;
return false;
}
</script>
<form onsubmit="go_get(); return false;" >
<input type="text" id="yourtextfield"/>
<input type="submit" value="Search Playlists" />
</form>
<iframe id="youriframe" width="640" height="360" ></iframe>
</body>
</html>
Youtube播放列表搜索
函数go_get(){
var base_url='1〕http://www.youtube.com/embed?listType=search&list=';
var search_field=document.getElementById('yourtextfield').value;
var target\u url=base\u url+search\u字段;
var ifr=document.getElementById('youriframe');
ifr.src=target\u url;
返回false;
}
更改:
var search_field = document.getElementById('yourtextfield').text ;
致:
var search_field = document.getElementById('yourtextfield').value ;