Question

我知道这是一个重复的问题。当点击超链接（包含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>

Answer 1

每个链接都需要<li class="button">...</li>。你只能在第一个附近。

如果您要复制您引用的其他问题的代码，则需要一个标识为<div>的{{1}}代码，并且您的JavaScript代码需要引用它而不是playvideo。< / p>

你没有复制＆amp;粘贴JavaScript MOVIE function from that other answer。因此，当您尝试在代码中调用该方法时，它不知道该怎么做。

更改Youtube Embedded Player上播放的视频

1 个答案: