電子メールクライアントのHTML5ビデオ

Question

ここに初めて投稿する！

私は電子メールクライアントにhtml5でビデオをレンダリングさせるのは難しいです。私はいくつかのことを試してみましたが、問題を解決することはできません。既にGoogleでテストされている情報があります：

•テストされた電子メールクライアントは、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今

みんな、私はwronを何をやってる：背景とここでは、ユーザーが電子メールを開いていここに？何もない？すべて？

また別のこと：私はHTML5とCSS3の専門家レベルではなく、別のプログラミング言語も知らないので、私と一緒にやってみてください！ Rs。

Answer 1

HTML5ビデオはvery poorly supported in email clientsです。 iOSメールでさえ、といい、メールクライアントのコードをレンダリングすると、removed video support in iOS 9となります。あなたのコードに何か問題があるかどうかはわかりませんが、残念ながら私はそれが重要ではないと思います。