在电子邮件中嵌入 Youtube 视频答案

【问题标题】：Embedding Youtube Video in Email在电子邮件中嵌入 Youtube 视频
【发布时间】：2020-04-01 19:10:41
【问题描述】：

我多次尝试发送一封电子邮件，试图让 YouTube 视频出现在电子邮件中，但是我没有运气。

我拿回来了：

我尝试过使用 iFrame，但结果它不支持 Gmail。

<iframe width="560" height="315" src="https://www.youtube.com/embed/w_Da75XbPBs"            frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

我正在尝试复制 Youtube 在发送包含视频链接的订阅电子邮件时使用的内容。

我也尝试过对象和嵌入，但是当我发送电子邮件时它们都没有出现。

编辑；我正在尝试复制此内容（如果单击，红色部分将重定向到 Youtube）：

【问题讨论】：

你试过了吗？ How to Embed YouTube Video in Email
@Jack 感谢您的帮助，但这并没有真正帮助我嵌入视频：/
您能否发布一个查看在线链接或 youtube 电子邮件的视频，其中 youtube 视频在电子邮件中工作？电子邮件中的视频没有很好的支持。大多数时候，人们会制作一个带有顶部播放按钮的人造视频图像，该按钮链接到 YouTube 视频，而不是尝试直接嵌入到电子邮件中。您将从该技术中获得更好的结果。
另外，YouTube 可能会使用新的 AMP 电子邮件技术 - amp.dev/documentation/guides-and-tutorials/start/create_email/… 将视频直接嵌入电子邮件中。但是，AMP 总体上仍然没有很好的支持，并且在其他电子邮件客户端中呈现时您会遇到同样的限制。用于电子邮件的 AMP 是一项 Google/Gmail 计划，因此预计会支持 Gmail。 Outlook 也加入了进来，因此有两个大牌支持这一点。
@Digital_Frankenstein 我附上了一张图片供参考。不，您不能在电子邮件中播放视频。它只是将您重定向到我想要它做的 Youtube。我查看了电子邮件源代码，发现它要复杂得多，我认为它不是真的：/ 欣赏它！

标签： html html5-video html-email

【解决方案1】：

编码电子邮件的世界是一个有趣的世界。首先，您不能通过电子邮件发送 javascript 元素，出于安全原因，我相信您知道这一点，但我想覆盖我的基础。

另外，请考虑您使用的 CSS。电子邮件只能支持 limited 数量的 css 选项，并且所有 css 必须是内联的（您不能使用该元素）。也可以阅读整个 html 和 css 的电子邮件支持（查看this super awesome link）。

在我看来，YouTube 并没有真正嵌入视频，其他人已经提到过（至少，他们没有以我们习惯的方式嵌入视频）。相反，他们从数据库中获取缩略图，然后对其进行样式化（使用视频长度等），使其看起来像嵌入的视频。

虽然您无权访问 YouTube 缩略图数据库，但我假设您想将自己视频的链接发送给其他人？只需在您的服务器上托管您想要发送的任何视频的缩略图，然后使用简单的“>”链接到它，然后使用一些样式。

【讨论】：

【解决方案2】：

电子邮件中的可播放视频没有得到很好的支持。如果您想模仿 YouTube 自己实现的视频链接，请制作更大的视频缩略图，可以覆盖播放按钮并将图片直接链接到 YouTube 链接。

【讨论】：

【解决方案3】：

如果可以，请尝试使用 Outlook。以下是分步说明。

单击快速访问工具栏并选择更多命令
选择附加文件
点击添加>>按钮，然后选择附加文件
选择您的 HTML 文件
然后，确保将“插入”更改为“作为文本插入”，而不是直接点击“完成”

然后，Outlook 将格式化您的电子邮件。但是，Outlook 将忽略 <iframe> 元素。

所以如果你真的需要它，试试this Chrome extension。

来源：https://www.linkedin.com/pulse/how-insert-html-source-code-outlook-emails-maurizio-la-cava/

【讨论】：

【解决方案4】：

这取决于电子邮件客户端。由于安全原因，我怀疑是否有任何支持将视频直接嵌入到电子邮件文档中。我建议您改用 Image 。创建视频缩略图，并将其作为视频的超链接。

【讨论】：

【解决方案5】：

您可以做的最接近的事情（据我所知）是附上视频。如果您insert the video link，它将发送video as an attachment，可以在电子邮件中查看。抱歉，如果这不是您想要的，但我认为没有更好的方法。

【讨论】：