Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Search 添加加载嵌入YouTube播放器的搜索框_Search_Iframe_Youtube_Embed_Playlist - Fatal编程技术网

Search 添加加载嵌入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

我看了很多不同的代码,也试了很多次,但都没能弄明白

我想做的是在我的页面上添加一个搜索框,该搜索框根据搜索查询加载YouTube播放列表,并在嵌入式播放器上播放

我的代码

<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 ;