YouTube iframe中嵌入特定時間的鏈接

在YouTube視頻中添加#t=1m49s語法可以鏈接到特定時間。YouTube iframe中嵌入特定時間的鏈接

是否有可能在嵌入的同一頁上有鏈接，使視頻跳轉到視頻中的不同時間？

<a href="">Link to 1 minutes 10 seconds</a> 
<a href="">Link to 3 minutes 4 seconds</a> 
<a href="">Link to 5 minutes 10 seconds</a> 
etc..

來源

2012-02-03 bookcasey

Goran發佈了api參考。我會建議檢查一下。這裏有一些你正在尋找的基本代碼。我評論的主要部分：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>  
<script> 
    //this function gets called when the player is ready  
    function onYouTubePlayerReady (playerId) { 
     ytplayer = document.getElementById("myytplayer"); 
     console.log(ytplayer); 
    } 
    //generic seekTo function taking a player element and seconds as parameters  
    function playerSeekTo(player, seconds) { 
     player.seekTo(seconds); 
    } 
</script> 

<div id="ytapiplayer"> 
    You need Flash player 8+ and JavaScript enabled to view this video. 
</div> 
<br/> 
<a href="#" onclick="playerSeekTo(ytplayer, 70); return false;">Link to 1 minutes 10 seconds</a> 
<a href="#" onclick="playerSeekTo(ytplayer, 90); return false;">Link to 1 minutes 30seconds</a> 
<a href="#" onclick="playerSeekTo(ytplayer, 110); return false;">Link to 1 minutes 50 seconds</a>

現在JS：

var ytplayer; 

$(document).ready(function() { 
    swfobject.embedSWF("//www.youtube.com/e/Py_IndUbcxc?enablejsapi=1&playerapiid=ytplayer &version=3", 
    "ytapiplayer", // where the embedded player ends up 
    "425", // width  
    "356", // height  
    "8", // swf version  
    null, 
    null, { 
     allowScriptAccess: "always" 
    }, { 
     id: "myytplayer" // here is where the id of the element is set 
    }); 

});

Here是我創建的小提琴。

來源

2012-02-08 07:02:52 sinemetu1

感謝您的幫助！但是，我似乎無法讓它工作。你可能會提供一個Jsfiddle嗎？謝謝！ – bookcasey 2012-02-08 23:52:06

@bookcasey我已經更新了原始答案中的代碼幷包含了一個工作小提琴。如果您有任何問題，請告訴我。 – sinemetu1 2012-02-09 00:47:05

使用Firefox的人，小提琴不壞，只有在單獨的窗口中查看結果時顯示視頻。 – lulalala 2013-03-18 13:07:20

雖然我沒有親自體驗JavaScript和Emdedded YouTube視頻的實現，但我知道YouTube有一個JavaScript API來執行此類操作。您正在尋找的功能是.seekTo()

http://code.google.com/apis/youtube/js_api_reference.html#seekTo

有了一個漂亮的小演示here。

來源

2012-02-03 18:35:28

如果你想使用嵌入，而不是Flash嵌入的iframe，該文件是在https://developers.google。 com/youtube/iframe_api_reference – DavGarcia 2014-12-03 20:38:55

使用?start=xyz（秒）

例如：

<iframe src="http://www.youtube.com/embed/vDFuzhnTegc?start=1778" width="420" height="235"></iframe>

來源

2014-10-17 18:07:30 Nykyta

YouTube iframe中嵌入特定時間的鏈接

回答

相關問題