2016-03-22 7 views
0

zum ersten Mal hier posten!HTML5-Video auf E-Mail-Clients

Ich habe eine harte Zeit, die E-Mail-Clients zum Rendern von Videos in HTML5 zu bekommen. Ich habe einige Dinge ausprobiert und ein paar gefunden, die helfen, aber das Problem nicht lösen. Hier sind einige Informationen, die bereits gegoogelt und getestet haben:

• Die getesteten E-Mail-Clients sind! Yahoo, Gmail, Hotmail und Outlook. Alle Clients, die ich getestet habe, haben die Videos nicht gerendert. • In meiner Recherche fand ich einige Widersprüche Artikel, wo einige Orte sagen, Hotmail begann, HTML5-Videos zu rendern, aber andere sagen, dass nur ein Fallback-Bild anzeigen. Bei meinen Tests tauchen nur Fallback-Bilder oder Poster auf. = (

Hier ist der Code, den ich in meinen Tests verwendet (das beste, das ich schon so weit gegründet ...):

.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> 

Ein weiterer Code, den ich getestet das Lackmus-E-Mail mit dem Video war im Rennen Hintergrund und hier haben wir ein Benutzer die E-Mail öffnen:

https://litmus.com/builder/a908938

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

Nun Jungs, was ich tue wron g hier? Nichts? Alles?

Und noch etwas: Ich bin kein Experte auf HTML5 und CSS3 und kenne keine andere Programmiersprache, also nehmen Sie einfach mit mir! Rs.

+0

Im Allgemeinen keine. Der gemeinsame Nenner für die Mail-Client-Akzeptanz von HTML ist sehr gering. Am sichersten wäre es, wenn Sie ein statisches Bild einfügen, mit dem Sie einen Play-Button photoshoped haben, und es als Link zum eigentlichen Video verwenden. Ich weiß nicht wie es dir geht, aber ich möchte NICHT mit einem Video in meinem Posteingang gespammt werden. – i7nvd

+0

Nun, abhängig davon, wie das Video angezeigt wird (wie das Beispiel, das ich von Lackmus gab), kann es für ein Video in Ihrem Posteingang akzeptabel sein. Aber natürlich geht das von Mensch zu Mensch! Aber wirklich, ich muss dieses Problem mit einem statischen Bild umgehen. Aber danke für die Beantwortung meiner Antwort! – TheC

Antwort

1

HTML5-Video ist very poorly supported in email clients. Sogar iOS Mail, die als einer der guten E-Mail-Clients für Rendering-Code, removed video support in iOS 9. Ich weiß nicht, ob mit deinem Code etwas nicht stimmt, aber ich glaube leider nicht, dass es wichtig ist.

+0

Nun ... Verdammt! kkkk Ich muss etwas tun, um dieses Problem zu vermeiden. Aber wie auch immer, danke, dass du meine Frage beantwortet hast! – TheC

Verwandte Themen