로드 된 검색 상자 추가 YouTube 플레이어 포함

다른 코드를보고 시험해 보았습니다. 알아낼 수 없습니다. 내가하고 싶은 무엇로드 된 검색 상자 추가 YouTube 플레이어 포함

는 내 페이지에 검색 상자를 추가입니다 로드 및 가 내장 플레이어에 그것을 재생하는 검색 쿼리를 기반으로 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>

결과

검색 상자와 플레이어로드합니다. 그러나 동일한 검색 목록에 이로드됩니다.

내가 비디오를 마우스 오른쪽 버튼으로 클릭하고이 결과 임베드 HTML 볼 경우 : SRC가 변경 당신이 볼 수 있듯이

<iframe width="640" height="360" src="http://www.youtube.com/embed/6DYngiqZim0? feature=player_embedded" frameborder="0" allowfullscreen></iframe>

합니다. YouTube가이 동작을 방해하고있을 수 있습니까? 아마도 내 URL이 잘못 되었나요?

제발 도와주세요!

출처

2013-01-07 Hunter

그냥 줄에 "값"으로 "텍스트"옵션을 변경 (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>

출처

2013-05-02 10:29:21 user2262059

-1

변경 :

var search_field = document.getElementById('yourtextfield').text ;

에 :

var search_field = document.getElementById('yourtextfield').value ;

출처

2017-06-03 06:10:30 Weedfanatic

로드 된 검색 상자 추가 YouTube 플레이어 포함

답변

관련 문제