首页 > 解决方案 > 在电子邮件中嵌入 Youtube 视频

问题描述

我曾多次尝试发送一封电子邮件,试图让 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):

在此处输入图像描述

标签: htmlhtml5-videohtml-email

解决方案


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

另外,请考虑您使用的是什么 css。电子邮件只能支持有限数量的 css 选项,并且所有 css 都必须是内联的(您不能使用该元素)。也可以阅读整个 html 和 css 的电子邮件支持(查看这个超级棒的链接)。

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

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


推荐阅读