在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..
在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..
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是我创建的小提琴。
虽然我没有亲自体验JavaScript和Emdedded YouTube视频的实现,但我知道YouTube有一个JavaScript API来执行此类操作。您正在寻找的功能是.seekTo()
http://code.google.com/apis/youtube/js_api_reference.html#seekTo
有了一个漂亮的小演示here。
如果你想使用嵌入,而不是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>
感谢您的帮助!但是,我似乎无法让它工作。你可能会提供一个Jsfiddle吗?谢谢! – bookcasey 2012-02-08 23:52:06
@bookcasey我已经更新了原始答案中的代码并包含了一个工作小提琴。如果您有任何问题,请告诉我。 – sinemetu1 2012-02-09 00:47:05
使用Firefox的人,小提琴不坏,只有在单独的窗口中查看结果时显示视频。 – lulalala 2013-03-18 13:07:20