HTML5 视频 iOS11 问题

Question

我使用 EmailOnAcid 中的代码将 HTML5 视频实现到电子邮件中，它适用于所有客户端，iOS11 中的标准邮件客户端除外。 https://www.emailonacid.com/blog/article/email-development/a_how_to_guide_to_embedding_html5_video_in_email 显示了视频的缩略图，但它一直在缓冲，从不播放。让 iOS11 播放视频的唯一方法是关闭电子邮件应用程序，然后重新打开它。然后就可以播放视频了。

是否有针对此问题的解决方案，或者至少有一些 CSS 以 iOS11 为目标进行后备？

Answer 1

发送带有嵌入式多媒体的 html 电子邮件是错误的，您应该发送带有 url link 的纯文本到媒体

Answer 2

有一种方法可以针对iOS11。以下是针对不同版本的代码。

这是一个针对 iOS 10:

的媒体查询

@supports (-webkit-overflow-scrolling:touch) and (color:#ffff) {
/* Insert CSS here */
}

如果您想在最新版本的 Apple 操作系统（即 iOS 11.0、11.1 或 11.2）中专门针对 iOS 邮件，@support 声明与填充属性相结合将做这个把戏：

目标 iOS 11.0 & 11.1

@supports (padding-left:constant(safe-area-inset-left)) {
/* Insert CSS here */
}

目标iOS11.2

@supports (padding-left:env(safe-area-inset-left)) {
/* Insert CSS here */
}

Source

希望这对您有所帮助。 视频也很适合在他们的设备上吸引客户，并且在视频中使用带有 link 的纯文本是老派的做法，只会让人们远离您的电子邮件。您希望他们参与您的电子邮件并完成他们开始的旅程。