2012-09-16 98 views
0

我在我的页面中嵌入了一个YouTube视频。 当我点击链接时,我需要更改视频。 我所做的是我已经改变了使用jQuery的iframe的src。 src正在改变,但视频并未出现。这是最好的方法吗?更改iframe 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> 

有人可以告诉我在这个

回答

0

什么即时做错了。如果你选中的YouTube嵌入代码,其网址是这种格式:http://www.youtube.com/embed/Th3STX3gKX0

你最有可能需要遵循这个原则,而不是导航到YouTube视频本身。

+0

是的,它的工作。谢谢。这真的是一个愚蠢的错误。实际上我有三个视频在我的page.is有无论如何加载三个视频,如第一个完成后加载第二个视频.. –

+0

我不确定,但你可以尝试浏览** [YouTube API](https://developers.google.com/youtube/)**查看是否有可能 –