视频不会落后于Android电子邮件客户端

Question

我愚蠢地同意将视频添加到客户电子邮件广告系列中。在我开始测试Android电子邮件客户端之前，这条路比预期的要顺畅。

问题：

视频看起来不支持，但客户端会尝试加载它，导致下面的灰色框显示：

我的加价：

<a href="http://evoke.digital360.com.au?showVideo=1" class="video-link" style="box-sizing: border-box; color: #1f1f1f; background-size: cover; display: block; width: 540px; height: 300px; background: url('images/launch-video.gif') no-repeat center center;">
    <video autoplay="autoplay" loop="loop" class="video" poster="images/launch-video.gif" controls="controls" width: 540px; height: 300px;">
            <source src="https://s3-ap-southeast-2.amazonaws.com/latrobe-health/launch.mp4" type="video/mp4">
            <img src="images/launch-video.gif" alt="a promotional evoke video" style="-ms-interpolation-mode: bicubic; max-width: 100%; height: auto; line-height: 100%; outline: none; text-decoration: none; border: 0 none;" />
    </video>
</a>

我已经将元素包装在一个标签中，所以当人们点击视频时，它会将他们带到网站上以了解有关公司的更多信息（播放器的控件仍然正常运行）。

为什么这不会回到我作为后备的gif？是否有任何技巧可以按预期进行回退？

我尝试了什么：

只有在我尝试播放视频时才会出现灰框。我想我可以设置一个背景图片来包装同一个后备的标签，但它没有显示，我只是得到一个带有播放器控件的白色框，没有背景。

关于变通方法的任何想法？我已经搜索了高低，以解决这个问题，到目前为止还没有任何工作。