html - 设置指向 youtube iframe 视频的外部链接

Question

我在我的网站上使用 iframe youtube 视频。

示例代码：

<iframe width="414" height="270" src="samplecode" frameborder="0" allowfullscreen></iframe>

如果我单击 youtube 视频，它将重定向到外部页面。我使用了下面的代码。

<a href="#"> <iframe width="414" height="270" src="samplecode" frameborder="0" allowfullscreen></iframe></a> 

我知道我的方法是错误的。它不工作。请确认无论如何都要这样做？

Answer 1

这行不通。要解决您的问题，您必须使用 javascript。作为参考，您可以检查以下线程 Detect Click into Iframe using JavaScript

另一个解决方案是

<div style="position:relative">
<div style="position:absolute;width:414px;height:270px" onclick='window.location.href="http://google.com"' ></div>
<iframe width="414" height="270" src="samplecode" frameborder="0" allowfullscreen></iframe>
</div>

在这里，我叠加了另一个 div overiframe（我们不会为它设置任何背景，因此会看到 iframe 内容），它将具有 onclick 功能，可以将用户带到所需的 url