2012-02-03 16 views
7

Có thể liên kết đến một thời điểm cụ thể trong video trên YouTube bổ sung cú pháp #t=1m49s.Liên kết tới Thời gian cụ thể trong khung nội tuyến của YouTube nhúng

Có thể có liên kết trên cùng một trang của video giúp video chuyển sang các thời điểm khác nhau trong video không?

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

Trả lời

8

Goran đã đăng tham chiếu api. Tôi khuyên bạn nên kiểm tra điều đó. Đây là một số mã cơ bản cho những gì bạn đang tìm kiếm mặc dù. Tôi đã nhận xét các phần chính:

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

Bây giờ 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 là fiddle mà tôi tạo ra.

+0

Cảm ơn bạn đã trợ giúp! Tuy nhiên, tôi không thể làm cho nó hoạt động được. Có lẽ bạn có thể cung cấp một Jsfiddle? Cảm ơn bạn! – bookcasey

+1

@bookcasey Tôi đã cập nhật mã trong câu trả lời ban đầu và bao gồm một fiddle làm việc. Hãy cho tôi biết nếu bạn có bất kỳ câu hỏi. – sinemetu1

+1

Những người sử dụng Firefox, fiddle không bị hỏng, chỉ hiển thị video khi xem kết quả trong cửa sổ riêng biệt. – lulalala

2

Mặc dù tôi không có kinh nghiệm cá nhân trong việc triển khai javascript với video YouTube được nhúng, tôi biết rằng YouTube có API JavaScript để thực hiện các tác vụ như vậy. Các chức năng bạn đang tìm kiếm là .seekTo()

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

Với một chút bản demo tiện lợi here.

+0

Nếu bạn muốn sử dụng iframe nhúng thay vì nhúng Flash, tài liệu cho rằng là tại https://developers.google. com/youtube/iframe_api_reference – DavGarcia

0

Sử dụng ?start=xyz (giây)

Ví dụ:

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