video - 阅读嵌入 Youtube 视频时间轴上的当前位置

标签 video youtube position timeline

我有一个视频要上传到 Youtube(或者更好的是 Vimeo)。

然后我会把它嵌入到我的网站上。我希望在播放视频时,我网站的背景颜色会根据视频时间轴上的位置而变化。

例如,视频还没有播放:背景是黑色的。
播放视频:背景变为蓝色。
10 秒后,它变成白色。

有没有办法阅读 Youtube 视频上的位置并做到这一点?

如果不是:有没有办法只检测视频何时播放,并在此时更改背景颜色?

对所有语言开放。

非常感谢你。

最佳答案

player.getDuration():Number

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

如果当前播放的视频是现场直播,getDuration()函数将返回自实时视频流开始以来耗时。具体来说,这是视频在没有被重置或中断的情况下流式传输的时间量。此外,此持续时间通常比实际事件时间长,因为流式传输可能在事件开始时间之前开始。

https://developers.google.com/youtube/js_api_reference#Retrieving_video_information

关于video - 阅读嵌入 Youtube 视频时间轴上的当前位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10933957/

相关文章:

java - 如何在同一页面播放视频(媒体播放器)

html - 通过 Chrome 中的 iframe 访问时,Youtube 插入的视频不显示全屏按钮

jquery - 在 Internet Explorer 7 中的固定位置

css - CSS 粘性 header 的间隙问题(仅限移动设备)

java - 如何从给定直接 URL 的网站下载视频

ios - 按钮触发视频打开并播放

video - 有没有办法在没有插件的情况下使网页中的两个视频保持同步?

jquery - 如何创建一个简单且独立于浏览器的工具提示?

youtube - 使用PHP生成youtube视频的下载链接,但文件名始终保存为videoplayback.mp4

css - 在行中定位复选框,例如 4 CSS