html - 为什么这个链接不起作用？

Question

<iframe id="video" src="https://www.facebook.com/video/embed?video_id=10151798532949501" height="360" width="480" frameborder="0"></iframe>


<a href="http://vimeo.com/73449305" target="video">Test</a>

我有这个代码，但它不起作用。难道我做错了什么？

Answer 1

vimeo 视频的链接不正确，要获得正确的链接，请查看 vimeo 中“共享”选项下的嵌入代码。在这种情况下，链接是： http: //player.vimeo.com/video/73449305

所以用以下内容替换它：

<iframe name="video" src="https://www.facebook.com/video/embed?video_id=10151798532949501" height="360" width="480" frameborder="0"></iframe>

<a href="//player.vimeo.com/video/73449305?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" target="video">Test</a>

编辑：正如 Pietu1998 所指出的，iframe 名称应该设置为 video 才能在 Firefox 中正常工作。

Answer 2

您可以尝试使用 JavaScript 更改 src 吗？

HTML：

<iframe src="https://www.facebook.com/video/embed?video_id=10151798532949501"></iframe>

<a href="#" onclick="changeVideo('http://vimeo.com/73449305');">Test</a>

JavaScript

function changeVideo(loc) {
document.getElementById['videoframe'].src = loc;
}

顺便说一句，有些网站不允许你在 iframe 中打开它们（安全原因 - 点击劫持）（你做的 html 方式）

希望这可以帮助 ：）