如何使用javascript在嵌入式youtube视频上创建可点击的时间戳链接

How to create a clickable timestamp link on an embedded youtube video with javascript?

本文关键字:链接 时间戳 创建 javascript 何使用 嵌入式 视频 youtube      更新时间:2023-09-26

我真的很想在我的网站上有可点击的时间链接,可以跳转到我嵌入的youtube视频中的特定时间。我知道这在youtube本身是可能的(youtube上的内置功能,你只需将你想要的时间放在格式(0:00)中,用户就可以点击它跳到这一点)。

我想知道是否有可能用嵌入式youtube视频和javascript来模仿这个功能

您可以使用Youtube iFrame API。有一个函数可以获取当前时间戳:

player.getCurrentTime():Number 

返回自视频开始播放以来经过的时间(以秒为单位)。

player.getDuration():Number

返回当前播放视频的持续时间(以秒为单位)。笔记getDuration()将返回0,直到加载视频的元数据,这通常发生在视频刚开始播放之后。

像这样使用它们:

ytplayer = document.getElementById("youtube_player");
ytplayer.getCurrentTime();