使用YouTube進行電子學習

我有一個包含30個鏈接的HTML頁面，每個鏈接指向一個YouTube視頻。所有視頻都屬於同一個YouTube頻道。 HTML頁面還包含一個YouTube播放器。我想弄清楚以下是否可能（可能不使用PHP）：一旦鏈接被點擊，視頻播放器刷新在同一頁面上，並顯示視頻。頁面本身不會刷新 - 只有視頻播放器纔會刷新。除PHP之外是否還有其他選項？任何人都可以鏈接到我自己做一些超級簡單的指南嗎？（......「初級以下」級別）。使用YouTube進行電子學習

來源

2013-01-25 user2005328

如果您不希望頁面刷新，那麼您唯一的選擇是JavaScript（即您必須在客戶端執行此操作）。

來源

2013-01-25 06:39:23 Amadan

你如何與youtube鏈接？用iframe標記？如果您使用iframe，則只能在同一頁面看到所有視頻。頁面不會刷新。

如果不是這種情況，請更具體。

來源

2013-01-25 06:39:44

你可以使用jQuery來做到這一點。在鏈接的href屬性中，使用視頻的嵌入式網址，如下面的代碼所示。

<script type='text/javascript' src='jquery.js'></script> 
<script type='text/javascript'> 
    $(document).ready(function() {  
     $('a').click(function() { 
      $('iframe').attr('src', $(this).attr('href')); 
      return false; 
     }); 
    }) 
</script> 

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

<br><br> 
<a href='http://www.youtube.com/embed/J5x5gduEWtI'>Link1</a> 
<a href='http://www.youtube.com/embed/WmDmUDXxeXU'>Link2</a> 
<a href='http://www.youtube.com/embed/UNlgAuMWuvw'>Link3</a>

編輯： 這也將適用。

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

<br><br> 
<a href='http://www.youtube.com/embed/J5x5gduEWtI' target='iframe'>Link1</a> 
<a href='http://www.youtube.com/embed/WmDmUDXxeXU' target='iframe'>Link2</a> 
<a href='http://www.youtube.com/embed/UNlgAuMWuvw' target='iframe'>Link3</a>

來源

2013-01-25 06:55:30 user1995997

你可以做到這一點通過YouTube播放器保持具有一定ID的iframe（例如：ID = 「playerFrame」）。然後在相關超鏈接（'a'標籤）中，將iframe的id作爲「target」屬性的值。

<iframe id="playerFrame"></iframe> 
<a href="http://youtubeurl" target="playerFrame">Click to see video 1</a>

見http://webdesign.about.com/od/iframes/qt/target-links-iframes-and-frames.htm

來源

2013-01-25 06:56:14

使用YouTube進行電子學習

回答

相關問題