Youtube Embedded Player에서 재생중인 동영상 변경

반복되는 질문입니다. 기본적으로 하이퍼 링크 (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

각 링크마다 1 줄로 묶어서 <li class="button">...</li>이 필요합니다. 당신은 단지 첫 번째 주위에 그것을 가지고 있습니다.

참조하는 다른 질문의 코드를 복사하려면 playvideo 인 <div> 태그가 필요하고 MOVIE 대신 JavaScript 코드가 참조되어야합니다.

&을 복사하지 않았습니다. play() { ... }function from that other answer. 따라서 코드에서 해당 메서드를 호출하려고 할 때 수행 할 작업을 알 수 없습니다.

출처

2012-01-02 02:06:36

Youtube Embedded Player에서 재생중인 동영상 변경

답변

관련 문제