修改YouTube iframe API脚本以与iframe嵌入一起使用

时间:2019-10-21 19:23:33

标签: javascript timestamp youtube-api youtube-javascript-api youtube-iframe-api

因此,我有一个工作脚本(see working code here),该脚本显示YouTube视频和带有时间戳的链接列表。

单击带有data-stamp =“ 60”的链接时,它将从0:60开始播放视频。这是我需要的功能。

问题在于,视频使用此代码通过JS加载到<div id="player">

function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    videoId: 'e9dZQelULDk',
    playerVars: {
      start: 0,
      rel: 0,
      showinfo: 0,
      autohide: 0
    },
    events: {
      'onReady': onPlayerReady
    }
  });
}

我的目标是像这样使用youtube的iframe加载视频

<iframe width="1280" height="720" src="https://www.youtube.com/embed/e9dZQelULDk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

并继续使用脚本中处理链接到视频中特定时间的部分。

所以,我的问题是,是否可以仅通过编辑我当前正在使用的现有脚本来完成。我尝试用iframe加载视频并删除按ID调用视频的脚本部分,但是链接不再起作用了,因为我对JS的了解很少,所以这也并没有真正令我感到惊讶。希望在这里得到一些帮助! :)

0 个答案:

没有答案