Youtube Embedded Playerで再生される動画を変更する

これは繰り返し質問です。私は基本的に、ハイパーリンク（Youtubeビデオへのリンクを含む）をクリックすると、サイトの埋め込みYoutubeプレーヤーでYouTube動画を再生する必要があります。私はここでいくつかの答えを見つけたhttps://stackoverflow.com/a/690018/524811しかし、私は非常にJavascriptに新しいので、それを動作させることができませんでした。あなたが援助できることを願っていますここに私のコードです。Youtube Embedded Playerで再生される動画を変更する

<html> 
<head> 
<title> Sample Page </title> 
</head> 
<body> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".button").click(function() { 
     console.log($(this).find("a").attr("href")); 
     $("#MOVIE").html(play($(this).find("a").attr("href"))); 
     return false; 
     }); 
    }); 
</script> 

<object width="420" height="315"><param name="MOVIE" value="http://www.youtube.com/v/HsQIoPyfQzM?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HsQIoPyfQzM?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object> 
</br></br> 
<li class="button"><a href="sPvqNMb4StI">Video 1</a></li> 
<a href="http://youtu.be/sPvqNMb4StI"> THIS IS FIRST Video Link </a></br></br> 
<a href="http://youtu.be/w7_Ccu21QVs"> THIS IS SECOND Video Link </a> 


</body> 

</html>

出典

2011-12-29 user1121206

「これは繰り返し質問です。」 - 本当に？なぜ再び尋ねるのですか？ –

"私はJavascriptにはとても新しいので、動作させることができませんでした。ありがとう！ – user1121206

リンクごとに<li class="button">...</li>が必要です。あなたは最初のものの周りにそれを持っています。

参照する他の質問からコードをコピーする場合は、というIDを持つ<div>タグとMOVIEの代わりにJavaScriptコードを参照する必要があります。

&は、play() { ... }function from that other answerをコピーしていません。だからあなたのコードでそのメソッドを呼び出そうとすると、何をすべきか分からない。

出典

2012-01-02 02:06:36

Youtube Embedded Playerで再生される動画を変更する

答えて

関連する問題