锚点链接页面滚动与href链接

Question

我有一些简单的链接可以在一个名为videoPlayer的div中播放Youtube视频（通过jQuery视频播放器）......

<a href="https://www.youtube.com/embed/aaaaa" target="videoPlayer">

我还有一个链接，可以像这样滚动到页面上的同一个div ...

<a class="btn" href="#videoPlayer">WATCH VIDEO</a>

是否可以创建一个链接，滚动到#videoPlayer并在它到达时播放Youtube视频？基本上，当点击链接时，我需要在hrefs之上工作。

Answer 1

使用/usr/bin/python3 /full/path/to/first_script.py > /tmp/log1.txt 属性链接

播放YouTube视频

1.-标签：

1. 一个target/name

2. 一个<a>

2.- <frame>属性：

1. <a>的 VideoID的 href="https://https://www.youtube.com/embed/
2. ?autoplay=1&controls=1&enablejsapi=1&rel=0&showinfo=0"的 IFRAME [名称] `

3.- target="属性：

1. <iframe>

2. src="about:blank" AnyString name="

   • 在HTML4中，如果您为"提供了一个<a>属性（它现在是一个锚点），另一个[name]一个<a>的值为另一个[href] [name] 1}}，然后将它们链接起来。

   • 在不再适用的HTML5中，#id只能用于前面提到的行为。

   • <iframe> [name] <a>可以定位[target] <iframe>属性，其值为[name] s {{ 1}}。点击<a>后，<iframe>的{​​{1}}将更改为src的{​​{1}}值。

   • href标签是互动元素。交互式元素无效，如果嵌套在另一个交互式元素中，则无法运行。互动元素包括<a>，<a>，<label>等。

   • 所以回答这个问题：

  

“是否有可能创建一个链接，滚动到#videoPlayer并在到达时播放Youtube视频？”

答案：不是没有JavaScript，因为<button>需要<input>和<a>属性来激活[href]。即使在HTML4中，[target]也需要<iframe>才能跳转到任意位置。将<a>嵌套在[href]，<a>，<a>等内也不会有效。

如果你想：

  

“...这两个链接都滚动到#videoPlayer并播放Youtube视频......”

将其添加到<label>：

<button> 像素数-n =向上，n =向下 <a>

参见演示2

YouTube很少使用SO。如果您想查看有效的演示，请转到Plunker 1和Plunker 2 。

演示1

onclick="window.onscroll(0,

Plunker 2

演示2

)"