如何在 iframe 标签上使用 alt 图片？

【问题标题】：How to use alt image on iframe tag?如何在 iframe 标签上使用 alt 图片？
【发布时间】：2018-05-26 08:31:57
【问题描述】：

我在我的结构和带有 web 内容的模板上使用如下 iframe 标记，我们的业务要求是，如果给定链接上没有视频，则显示更改图像，我认为这应该很容易，但在谷歌上搜索后没有看到有什么更好的方法让我在这里问一下……有什么想法吗？

这是我的代码看起来像

  <iframe  src="${.vars['Embed_Link'].getData()}" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

顺便说一句，这是 Liferay 6.2 EE

【问题讨论】：

标签： iframe liferay-6

【解决方案1】：

iframe 中没有 alt 图片。 iframe 只是不加选择地显示它在您提供给它的 URL 下找到的任何内容。

为了模仿这样的事情：如果您嵌入的网站（带有视频）在您的控制之下，您可以确定在没有可用视频的情况下显示什么。目前它可能会显示 404 错误消息、搜索相关内容、广告，什么都没有。

另一种模拟方法是：如果视频不可用，则确定服务器是否发送 404，然后确定（使用 Ajax 请求）您将获得 404 还是 200 作为响应代码。只有当你得到 200 时，才渲染 iframe，否则渲染你的替代图像。

一般来说，这与 Liferay 无关，通过这些提示，您可能会在常规 Web 开发圈中找到一些代码

【讨论】：