login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help

videoachtergrond in nieuwsbrief

Offline Gust - 13/12/2016 14:21
Avatar van GustMySQL interesse Bij sommige websites zie je op de achtergrond een lopende achtergrondvideo over het hele scherm. Ik vraag mij af of dit ook met een nieuwsbrief mogelijk is, waarbij de mensen, terwijl ze de nieuwsbrief lezen, op de achtergrond ook die video zien.
  1. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  2. div[class="video-wrap"]{
  3. height: 750px;
  4. position: relative;
  5. overflow: hidden;
  6. padding:0;
  7. margin:0;}
  8. }
  9. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  10. video[class="video"]{
  11. min-height: 100%;
  12. min-width: 100%;
  13. position: absolute;
  14. top: 0;
  15. left: 0;
  16. z-index: 2;
  17. display:inline-block !important;}
  18. }
  19. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  20. div[class="overlay"]{
  21. height: 100%;
  22. min-height: 100%;
  23. position: relative;
  24. margin: 0 auto;
  25. padding: 0 20px;
  26. z-index:3;}
  27. }


  1. <table border="0" cellpadding="0" cellspacing="0" bgcolor="#f2ae44" height="100%" width="100%">
  2. <td align="center" bgcolor="#f2ae44" style="padding: 0 0 50px 0; background-color: #f2ae44; background: url(http://pages.litmus.com/l/31032/2014-04-17/2hs7p/31032/17346/video_bg.jpg) top center no-repeat;background-size: cover;" width="100%">
  3. <div class="video-wrap">
  4. <video autoplayloop="loop" class="video" style="display: none;">
  5. <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
  6. </video>
  7.  
  8. <div class="overlay">
  9. <!— STANDARD EMAIL HTML / CONTENT OVER VIDEO —>
  10. Hier alle content
  11. <table border="0" cellpadding="0" cellspacing="0" width="600">
  12. ...
  13. </div>
  14. </div>
  15. </td>

7 antwoorden

Gesponsorde links
Offline Thomas - 13/12/2016 14:25
Avatar van Thomas Moderator Los van of dit technisch mogelijk is lijkt mij dit erg onrustig?
Offline Gust - 13/12/2016 14:29
Avatar van Gust MySQL interesse Dat onrustige, daar kunnen we wel een mouw aan passen hé. Ik ben alleen benieuwd of het mogelijk is. Zolang je een url hebt zou dat toch moeten kunnen, net zoals je afbeeldingen laat zien.
Offline Thomas - 13/12/2016 14:36
Avatar van Thomas Moderator 2 minuten googlen
Offline Gust - 13/12/2016 14:47 (laatste wijziging 13/12/2016 14:48)
Avatar van Gust MySQL interesse Inderdaad : -) In zelfs minder dan 2 minuten vond ik die ook (daarvan is trouwens de code bovenaan). Maar het werkt niet. Dus daarom mijn vraag hier :-)

O ja trouwens, misschien niet onbelangrijk: ik gebruik Mailchimp
Offline Thomas - 13/12/2016 15:05
Avatar van Thomas Moderator
Citaat:
Creating a fallback background image was necessary for two reasons:

* The majority of email clients do not support video backgrounds.
Offline Gust - 13/12/2016 15:19
Avatar van Gust MySQL interesse Een alternatief zou kunnen zijn om een gif te maken van het filmpje, en dat te gebruiken.
Offline nielsvdwal - 13/12/2016 16:29
Avatar van nielsvdwal PHP gevorderde Zoals je op veel plekken kan lezen, geanimeerde content kan je beter vermijden in e-mails. Omdat dit over het algemeen niet werkt binnen e-mailclients.

Eventuele oplossingen binnen mailchimp:
http://kb.mailc...ent-blocks
http://kb.mailc...-and-email
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2017 Sitemasters.be - Regels - Gehost door: FireMultimedia - Laadtijd: 0.199s