Question

您好我正在尝试创建一个小部件，用户可以使用按钮导航YouTube视频。例如，如果它是赛车的视频，那么将有5个按钮，每个按钮标记为Lap 1，Lap 2，依此类推。

我想在视频网址上使用扩展程序。如果您在＆amp; t = 1m22s och视频，它将从1分22秒加载。有没有办法使用iframe和javascript来完成这项工作？

示例链接： https://www.youtube.com/watch?v=KKp9g8fTBDQ

时间链接扩展示例（电话启动）： https://www.youtube.com/watch?v=KKp9g8fTBDQ&t=3m52s

我希望你明白我想要完成的事情。

Answer 1

toolbar: " undo redo | removeformat | bold italic | link | print preview media fullpage",

const src = $("#video")[0].src;
$(document).ready(function() {
  $('#lap1').on('click', function(ev) {
    $("#video")[0].src = src + "&start=60";
    ev.preventDefault();
  });
  $('#lap2').on('click', function(ev) {
    $("#video")[0].src = src + "&start=200";
    ev.preventDefault();
  });
  $('#lap3').on('click', function(ev) {
    $("#video")[0].src = src + "&start=300";
    ev.preventDefault();
  });
});

body {
  padding: 30px;
}
.button {
  font: bold 20px Arial;
  background-color: #FF8000;
  color: #333333;
  padding: 2px 6px 2px 6px;
}

Run the Code

Youtube视频导航小部件

1 个答案: