在电子邮件中嵌入 Youtube 视频

Lif*_*ona 5 html html-email html5-video

我曾多次尝试发送电子邮件,试图让 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>
Run Code Online (Sandbox Code Playgroud)

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

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

编辑; 我正在尝试复制此内容(如果单击红色部分,则重定向到 Youtube):

在此输入图像描述

Nat*_*tin 5

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

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

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

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


小智 0

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