2012-02-03 2 views
7

Можно связать определенное время в видео YouTube, добавляя синтаксис #t=1m49s.Ссылки на конкретные времена в YouTube iframe embed

Возможно ли иметь ссылки на одной странице встраивания, которые позволяют видео переходить в другое время в видео?

<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.. 

ответ

8

Горан опубликовал ссылку на 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> 

Теперь ЯШ:

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 является скрипка, которую я создал.

+0

Спасибо за помощь! Однако я не могу заставить его работать. Не могли бы вы предоставить Jsfiddle? Спасибо! – bookcasey

+1

@bookcasey Я обновил код в исходном ответе и включил рабочую скрипку. Дайте знать, если у вас появятся вопросы. – sinemetu1

+1

Те, кто использует Firefox, скрипт не сломан, только тот, который отображает видео при просмотре результата в отдельном окне. – lulalala

2

Хотя у меня нет личного опыта в реализации JavaScript с emdedded видео на YouTube, я знаю, что YouTube есть API JavaScript для выполнения таких действий. Функция вы ищете .seekTo()

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

С изящным небольшим демо here.

+0

Если вы хотите использовать IFRAME вставлять вместо флэш врезать, документация для этого находится в https://developers.google. com/youtube/iframe_api_reference – DavGarcia

0

Использование ?start=xyz (секунды)

Например:

<iframe src="http://www.youtube.com/embed/vDFuzhnTegc?start=1778" width="420" height="235"></iframe> 
Смежные вопросы