在 iframe 中显示缩略图

Question

我在这方面还很陌生。我有以下 iframe

<iframe width="560" height="315" src="<%=video1[1]%>" frameborder="0" allowfullscreen></iframe> 

我想做的是让它播放 video1[1]，但显示 video1[2].

中的图像

我试过的是：

<iframe width="560" height="315" href="<%=video1[2]%>" src="<%=video1[1]%>" frameborder="0" allowfullscreen></iframe>

但这不起作用。

有简单的方法吗？

Answer 1

iFrame 标记中没有 'href' 属性。 参见：http://www.w3schools.com/tags/tag_iframe.asp

您可以构建一个 iFrame 作为 link:

的目标

<iframe width="560" height="315" src="<%=video1[1]%>" frameborder="0" allowfullscreen name="iframe_video1"></iframe>

<a href="<%=video1[2]%>" target="iframe_video1"><img src="<...>"/></a>

顺便说一句：注意在iFrame 的source 属性中，必须有一个文档（即网页）被引用，而不是直接media/video。 您可以使用 YouTube links 例如嵌入。