私はさまざまなコードのBUNCHを調べて試しましたが、これを理解できません。
私がやりたいのは、検索クエリに基づいて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を表示すると、次のようになります。
<iframe width="640" height="360" src="http://www.youtube.com/embed/6DYngiqZim0?
feature=player_embedded" frameborder="0" allowfullscreen></iframe>
ご覧のとおり、srcが変更されています。YouTubeがこの動作を防いでいる可能性がありますか？おそらく私のURLが間違っていますか？
助けてください！