更改 iframe src

Question

我在我的页面中嵌入了一个 youtube 视频。 当我单击链接时，我需要更改视频。 我所做的是我使用 jquery 更改了 iframe 的 src。 src 正在改变，但视频没有出现。这是最好的方法吗？

<script>
 $(document).ready(function(){

 $("#clickme").click(function(){

 alert("hi");
 $("#myPlayer").attr('src','http://www.youtube.com/watch?v=M73UUllE39w&feature=g-vrec');

 });


 });

 </script>

 </head>
  <body>

 <iframe id="myPlayer" width="560" height="315" src="http://www.youtube.com/embed/ojQyhk5knx4" frameborder="0" allowfullscreen></iframe>

 <a href="#" id="clickme"> Click to change video</a>

谁能告诉我我做错了什么

Answer 1

如果您检查 YouTube EMBED 代码，他们的网址采用以下格式：http://www.youtube.com/embed/Th3STX3gKX0

您很可能需要遵循此原则，而不是导航到 YouTube 视频本身。