動態交換的Youtube視頻，而無需重新加載頁面

這裏是我的html頁面看起來像（測試）什麼：動態交換的Youtube視頻，而無需重新加載頁面

<div style="width: 640px;"> 
<object width="640" height="385"><param class="movie" name="movie" value="http://www.youtube.com/v/zkd5dJIVjgM"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/zkd5dJIVjgM" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object> 
<ul> 
    <li><a class="btn" href="http://www.youtube.com/watch?v=n3gYWBu1NDI">Video 1</a></li> 
    <li><a class="btn" href="http://www.youtube.com/watch?v=7o53S5JROfg">Video 2</a></li> 
    <li><a class="btn" href="http://www.youtube.com/watch?v=e2ZB-1kDOdQ">Video 3</a></li> 
    <li><a class="btn" href="http://www.youtube.com/watch?v=d-PDXAcUw0s">Video 4</a></li> 
    <li><a class="btn" href="http://www.youtube.com/watch?v=vCH8O1dLSbc">Video 5</a></li> 
    <li><a class="btn" href="http://www.youtube.com/watch?v=Q8kLlNt3Ue4">Video 6</a></li> 
</ul> 
</div>

和我的jQuery看起來是這樣的：

$('.btn').click(function(e){ 
e.preventDefault(); 
var val = $(this).attr("href"); 
$('embed').attr('src', val); 
});

我想要做的是能夠點擊列表項中的每個鏈接，並讓該視頻重新顯示當前的視頻。因此，每次點擊都會導致佔據頂部視頻的不同視頻。誰能幫忙？

來源

2010-10-13 Tillz

你有什麼，如果你添加應工作：

$('param[name=movie]').attr('value', val);

來源

2010-10-13 14:34:58 bmsterling

我試過了，但是當我點擊一個新的網址時，它就會變成空白，新的視頻不會顯示在過去的視頻中。 – Tillz 2010-10-13 14:56:04

我也有這個問題。如果有人知道解決方案，請發佈答案。 – thomallen 2010-12-08 21:37:05

我不知道如果你解決了這個問題，反正這個問題可能是在參數標籤屬性的值的URL有不同於HREF屬性中指定的格式。

<param class="movie" name="movie" value="http://www.youtube.com/v/zkd5dJIVjgM"> 
<a class="btn" href="http://www.youtube.com/watch?v=n3gYWBu1NDI">

我想你應該通過PARAM標籤的字符串以正確的格式，像

http://www.youtube.com/v/VIDEO_ID_HERE

其實我沒有測試這一點，但你可以給它一個嘗試。

來源

2012-12-06 16:07:42 tubetto

動態交換的Youtube視頻，而無需重新加載頁面

回答

相關問題