HTML5 电子邮件客户端视频

Question

第一次在这里发帖！

我很难让电子邮件客户端在 html5 中呈现视频。我尝试了一些东西并发现了一些有帮助但没有解决问题。以下是一些已经用谷歌搜索并测试过的信息：

• 测试的电子邮件客户端是!Yahoo、Gmail、Hotmail 和Outlook。我测试的所有客户端都没有呈现视频。 • 在我的研究中，我发现了一些自相矛盾的文章，其中一些地方说 hotmail 开始呈现 html5 视频，但其他人说只显示后备图像。在我的测试中，只显示后备图像或海报。 =(

这是我在测试中使用的代码（迄今为止我已经创建的最好的代码...）：

.ExternalClass td.video_holder {display:none !important;}
.ExternalClass div.android {display:block !important;width:100% !important;height:200px !important;}

                    <div align="center" class="video_holder">                            
                    <video width="320" height="176" controls>
                        <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
                        <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg" />
                          <a href="#" ><img height="176" src="http://www.emailonacid.com/images/blog_images/Emailology/2013/html5_video/backup_bunny2.jpg" width="320" alt="Just a video" /></a>
                    </video>
                    </div>
                    <div class="android" style="display:none; width:0px; height:0px; overflow:hidden;">
                      <p>Android Div</p>
                      <a href="#" ><img height="176" 
                        src="http://www.emailonacid.com/images/blog_images/Emailology/2013/html5_video/backup_bunny2.jpg" width="320" alt="Just a video" /></a>
                    </div>

我测试的另一个代码是在背景中带有视频运行的石蕊试纸电子邮件，这里我们有一个用户打开电子邮件：

https://litmus.com/builder/a908938

http://www.mobypicture.com/user/asouers/view/16785201

伙计们，我做错了什么？没有什么？一切？

还有一件事：我不是 HTML5 和 CSS3 的专家级别，也不懂其他编程语言，所以请放轻松！卢比

Answer 1

HTML5 视频是 very poorly supported in email clients. Even iOS Mail, considered to be one of the good email clients for rendering code, removed video support in iOS 9。我不知道你的代码有没有问题，但不幸的是我认为这不重要。

HTML5 电子邮件客户端视频

HTML5 video on e-mail clients

html

css

email

html-email

html5-video