youtube 视频 iframe onclick

Question

我正在尝试通过单击链接来加载 yt 视频，但我需要执行两个操作。 问题是我不能只执行一个动作。有办法吗？

<a href="tS8392pvFIw">Windows Phone</a>  //this works
<a href="#video">Windows Phone</a> // but I also need this anchor to execute

我试过了，但它不起作用：

<a href="#video" onclick="tS8392pvFIw">Windows Phone</a>

Answer 1

我建议您创建一个执行这两个操作的新函数。 在 jquery 中为这个链接创建一个新的监听器，用它传递事件并执行 event.preventDefault() 以避免 href 操作。然后执行您的"tS8392pvFIw"，然后使用此函数使用您的 id 转到您的元素：

function goToByScroll(id){
      // Remove "link" from the ID
    id = id.replace("link", "");
      // Scroll
    $('html,body').animate({
        scrollTop: $("#"+id).offset().top},
        'slow');
}

我在这个问题中使用了这个代码：scroll to a div using jquery 看看吧。