Изменение воспроизведения видео на Youtube Embedded Player - PullRequest
0 голосов
/ 29 декабря 2011

Я знаю, что это повторный вопрос. Мне нужно, чтобы видео на YouTube воспроизводилось на встроенном плеере Youtube на сайте при нажатии на гиперссылки (содержащие ссылки на видео Youtube). Я нашел какой-то ответ здесь https://stackoverflow.com/a/690018/524811, но я не смог заставить его работать, так как я очень плохо знаком с Javascript. Надеюсь, вы можете помочь. Вот мой код

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

1 Ответ

1 голос
/ 02 января 2012

Вам нужно <li class="button">...</li>, обернутый вокруг каждой из ссылок.У вас есть только первый.

Если вы копируете код из другого вопроса, на который вы ссылаетесь, вам нужен тег <div> с идентификатором playvideo, и вместо этого ваш код JavaScript будет ссылаться на негоиз MOVIE.

Вы не скопировали и не вставили функцию JavaScript play() { ... } из этого другого ответа .Поэтому, когда вы пытаетесь вызвать этот метод в своем коде, он не знает, что делать.

...