Question

我在我的网站上使用iframe you-tube视频。

示例代码：

<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

设置外部链接到youtube iframe视频

1 个答案: