电子邮件客户端上的HTML5视频



第一次在这里发帖!

我很难让电子邮件客户端在html5中渲染视频。我尝试了一些方法,发现了一些有帮助但不能解决问题的方法。以下是一些已经在谷歌上搜索并测试过的信息:

•经过测试的电子邮件客户端是!雅虎、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的专家级别,也不知道其他编程语言,所以请放心!卢比

HTML5视频在电子邮件客户端中的支持非常差。即使是被认为是用于渲染代码的优秀电子邮件客户端之一的iOS Mail,也删除了iOS 9中的视频支持。我不知道你的代码是否有什么问题,但不幸的是,我认为这无关紧要。

最新更新