{"id":260390,"date":"2015-06-30T11:14:02","date_gmt":"2015-06-30T07:14:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=260390"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=260390","title":{"rendered":"\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0444\u043e\u043d\u043e\u0432\u043e\u0435 HTML5-\u0432\u0438\u0434\u0435\u043e \u0432 email-\u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0438"},"content":{"rendered":"<p>       <a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/261447\/\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/e92\/7cc\/da1\/e927ccda196c4dd297d61e7eae17163c.gif\"\/><\/a><\/p>\n<p>  \u0411\u044b\u0432\u0430\u044e\u0442 \u0441\u043b\u0443\u0447\u0430\u0438, \u043a\u043e\u0433\u0434\u0430 \u0434\u043b\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u0439 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438, \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c \u0438 \u043c\u0430\u0440\u043a\u0435\u0442\u043e\u043b\u043e\u0433\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0445\u043e\u0434\u044b. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430 Litmus \u0432 \u0441\u0432\u043e\u0435\u043c \u0431\u043b\u043e\u0433\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b\u0430 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e HTML5 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e, \u0444\u043e\u043d\u043e\u043c \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0441\u043b\u0443\u0436\u0438\u0442 <a href=\"http:\/\/pages.litmus.com\/webmail\/31032\/17620921\/2100066fd2b95a5e1d19ad689a4ac42a\">\u0432\u0438\u0434\u0435\u043e<\/a>. <\/p>\n<p>  \u0412\u0438\u0434\u0435\u043e \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043b\u043e\u0441\u044c \u0432 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u0445 Apple Mail \u0438 Outlook 2011 \u0434\u043b\u044f Mac. \u0412 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u0445 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u043e\u0441\u044c \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435. \u041d\u0438\u0436\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u0438\u0434\u0435\u043e-\u043f\u0438\u0441\u044c\u043c\u0430.<a name=\"habracut\"><\/a><\/p>\n<h4>\u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u0434\u043b\u044f \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0430<\/h4>\n<p>  \u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u043e\u0440\u0430\u0437\u043c\u0435\u0440\u043d\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0446\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0442\u0430\u043d\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u043c \u0434\u043b\u044f \u0432\u0435\u0440\u0445\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043f\u0438\u0441\u044c\u043c\u0430:<\/p>\n<pre><code class=\"html\">&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#f2ae44&quot; width=&quot;100%&quot;&gt; <\/code><\/pre>\n<p>  \u0412\u043d\u0443\u0442\u0440\u0438 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0430 \u044f\u0447\u0435\u0439\u043a\u0430, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0430\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u00ab\u043f\u043b\u0430\u043d\u0430 \u0411\u00bb, \u0435\u0441\u043b\u0438 \u0432\u0438\u0434\u0435\u043e \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f:<\/p>\n<pre><code class=\"html\">&lt;td align=&quot;center&quot; bgcolor=&quot;#f2ae44&quot; style=&quot;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;&quot; width=&quot;100%&quot;&gt; <\/code><\/pre>\n<p>  \u042d\u0442\u043e \u00ab\u0437\u0430\u043f\u0430\u0441\u043d\u043e\u0435\u00bb \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u043e \u0442\u0430\u043a:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/f52\/cab\/a99\/f52caba9936640929e3b0f88e5016465.jpg\"\/><\/p>\n<p>  \u0422\u0430\u043a\u0430\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0431\u044b\u043b\u0430 \u043d\u0443\u0436\u043d\u0430 \u043f\u043e \u0434\u0432\u0443\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c:<\/p>\n<ul>\n<li>\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u0432 \u043f\u0438\u0441\u044c\u043c\u0430\u0445.<\/li>\n<li>\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u043b\u0438 \u0438\u0441\u043f\u044b\u0442\u044b\u0432\u0430\u0442\u044c \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439 \u0432\u0438\u0434\u0435\u043e \u0438\u0437-\u0437\u0430 \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0444\u0430\u0439\u043b\u0430.<\/li>\n<\/ul>\n<p>  \u0422\u0430\u043a\u0436\u0435 \u0432\u0430\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0446\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 \u0438 \u0432 <code>&lt;table&gt;<\/code> \u0438 \u0432 <code>&lt;td&gt;<\/code>, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u043d\u0435 \u0441\u043b\u043e\u043c\u0430\u043b\u043e\u0441\u044c \u0432 \u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u0432 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0435 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d \u043f\u043e\u043a\u0430\u0437 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 Outlook) \u2014 \u0432 \u043f\u0438\u0441\u044c\u043c\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0431\u0435\u043b\u044b\u0439 \u0448\u0440\u0438\u0444\u0442, \u0442\u0430\u043a \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0431\u044b \u0446\u0432\u0435\u0442 \u0444\u043e\u043d\u0430 \u0431\u044b\u043b \u0431\u0435\u043b\u044b\u043c, \u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0430\u0441\u044c, \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0435 \u0443\u0432\u0438\u0434\u0435\u043b \u0431\u044b \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0438\u0447\u0435\u0433\u043e.<\/p>\n<p>  \u041d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0448\u0430\u0433\u0435 \u0432\u0438\u0434\u0435\u043e \u0431\u044b\u043b\u043e \u0437\u0430\u0432\u0435\u0440\u043d\u0443\u0442\u043e \u0432 <code>&lt;div&gt;<\/code> \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u044f\u0447\u0435\u0439\u043a\u0435 <code>&lt;td&gt;<\/code>:<\/p>\n<pre><code class=\"css\">&lt;div class=&quot;video-wrap&quot;&gt; <\/code><\/pre>\n<p>  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0444\u043e\u043d\u043e\u0432\u044b\u0435 \u0432\u0438\u0434\u0435\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 Webkit-based \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u0445 (Apple Mail, Outlook 2011 \u0434\u043b\u044f Mac), \u0442\u043e \u0431\u044b\u043b\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0430 \u0437\u0430\u0442\u043e\u0447\u0435\u043d\u043d\u0430\u044f \u043f\u043e\u0434 \u044d\u0442\u043e\u0442 \u0434\u0432\u0438\u0436\u043e\u043a media query \u0434\u043b\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f CSS \u043a <code>&lt;div&gt;<\/code> \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u0438\u044f Webkit-\u043a\u043b\u0438\u0435\u043d\u0442\u0430:<\/p>\n<pre><code class=\"css\">@media screen and (-webkit-min-device-pixel-ratio: 0) {  div[class=&quot;video-wrap&quot;]{  height: 750px;  position: relative;  overflow: hidden;  padding:0;  margin:0;}  } <\/code><\/pre>\n<p>  \u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 CSS \u043a \u00ab\u043e\u0431\u0435\u0440\u043d\u0443\u0442\u043e\u043c\u0443\u00bb <code>&lt;div&gt;<\/code> \u0441 \u0432\u0438\u0434\u0435\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0439 \u0432\u044b\u0441\u043e\u0442\u044b, \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0438 \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043b\u044e\u0431\u044b\u0445 \u043d\u0430\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u0430.<\/p>\n<p>  \u0417\u0430\u0442\u0435\u043c \u0432\u043d\u0443\u0442\u0440\u044c \u044d\u0442\u043e\u0439 \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u043e\u0433\u043e <code>&lt;div&gt;<\/code> \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0432\u0438\u0434\u0435\u043e:<\/p>\n<pre><code class=\"html\">&lt;video autoplay=&quot;autoplay&quot;loop=&quot;loop&quot; class=&quot;video&quot; style=&quot;display: none;&quot;&gt; &lt;source src=&quot;https:\/\/litmus.com\/videos\/TEDC-short-clips-tinted-compressed.mp4&quot; type=&quot;video\/mp4&quot;&gt; &lt;\/video&gt; <\/code><\/pre>\n<p>  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432\u0438\u0434\u0435\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 Webkit-\u043a\u043b\u0438\u0435\u043d\u0442\u0430\u0445, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0444\u043e\u0440\u043c\u0430\u0442 .mp4. \u041c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0442\u0430\u043a\u0436\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445 .ogg \u0438\u043b\u0438 .ogv, \u0447\u0442\u043e\u0431\u044b \u0432\u0438\u0434\u0435\u0442\u044c \u0432\u0438\u0434\u0435\u043e\u0444\u043e\u043d \u043c\u043e\u0433\u043b\u0438 \u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 Firefox, \u043d\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u0435\u043b\u0438 Litmus \u0440\u0435\u0448\u0438\u043b\u0438, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0435 \u0446\u0435\u043b\u0435\u0432\u0430\u044f \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f, \u0438 \u043d\u0435 \u0441\u0442\u0430\u043b\u0438 \u0443\u0442\u044f\u0436\u0435\u043b\u044f\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e.<\/p>\n<p>  \u0412\u0430\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442: \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0432\u0438\u0434\u0435\u043e \u0431\u044b\u043b\u043e \u0441\u043a\u0440\u044b\u0442\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043e\u043f\u0446\u0438\u0438 display: none. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0442\u0435\u0433 <code>&lt;video&gt;<\/code> \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 Webkit-\u043a\u043b\u0438\u0435\u043d\u0442\u0430\u0445, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 media query \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u00ab\u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0435\u00bb \u0438\u043d\u043b\u0430\u0439\u043d-\u0441\u0442\u0438\u043b\u0438:<\/p>\n<pre><code class=\"css\">@media screen and (-webkit-min-device-pixel-ratio: 0) { video[class=&quot;video&quot;]{ min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; z-index: 2; display:inline-block !important;} } <\/code><\/pre>\n<p>  \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u00ab\u043d\u0430\u0446\u0435\u043b\u0438\u0432\u0430\u043d\u0438\u0435\u00bb \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0435 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u044b. \u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0448\u0438\u0440\u0438\u043d\u0430 \u0438 \u0432\u044b\u0441\u043e\u0442\u0430 \u0431\u044b\u043b\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u044b \u0432 100%, \u0447\u0442\u043e\u0431\u044b \u0432\u0438\u0434\u0435\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u043b\u043e \u0432\u0441\u044e \u044f\u0447\u0435\u0439\u043a\u0443 \u00ab\u043e\u0431\u0435\u0440\u043d\u0443\u0442\u043e\u0433\u043e\u00bb <code>&lt;div&gt;<\/code>. \u0420\u0430\u043d\u0435\u0435 \u0431\u044b\u043b\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u044b \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0437\u0430\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u044d\u0442\u043e\u0442 <code>&lt;div&gt;<\/code> \u0441\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u00ab\u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u044f\u044e\u0449\u0438\u0439\u0441\u044f\u00bb \u043a\u043e\u043d\u0442\u0435\u043d\u0442, \u0442\u0430\u043a \u0447\u0442\u043e \u0432\u0438\u0434\u0435\u043e \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0439\u0442\u0438 \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u044b \u043e\u0442\u0432\u0435\u0434\u0435\u043d\u043d\u043e\u0439 \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u044f\u0447\u0435\u0439\u043a\u0438. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e \u0434\u043b\u044f \u0432\u0438\u0434\u0435\u043e \u0431\u044b\u043b\u0430 \u0437\u0430\u0434\u0430\u043d\u0430 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u0430\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u044f (0px \u043e\u0442 \u0432\u0435\u0440\u0445\u0430 \u0438 \u043b\u0435\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b), \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 z-\u0438\u043d\u0434\u0435\u043a\u0441\u0430 \u0438 \u043d\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 display \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0432 Webkit.<\/p>\n<p>  \u0414\u0430\u043b\u0435\u0435 \u0431\u044b\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0435\u0449\u0435 \u043e\u0434\u0438\u043d <code>&lt;div&gt;<\/code> \u0441 \u043e\u0432\u0435\u0440\u043b\u0435\u0435\u043c \u2014 \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043f\u043e\u0432\u0435\u0440\u0445 \u0432\u0438\u0434\u0435\u043e. \u042d\u0442\u043e\u0442 <code>&lt;div&gt;<\/code> \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u0442\u0435\u0433\u0430 <code>&lt;video&gt;<\/code>:<\/p>\n<pre><code class=\"html\">&lt;div class=&quot;overlay&quot;&gt; <\/code><\/pre>\n<p>  \u0410 \u0432\u043e\u0442 CSS \u0434\u043b\u044f \u043d\u0435\u0433\u043e:<\/p>\n<pre><code class=\"css\">@media screen and (-webkit-min-device-pixel-ratio: 0) { div[class=&quot;overlay&quot;]{ height: 100%; min-height: 100%; position: relative; margin: 0 auto; padding: 0 20px; z-index:3;} } <\/code><\/pre>\n<p>  Min-height \u0432 100% \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432\u0441\u044e \u0448\u0438\u0440\u0438\u043d\u0443 \u0437\u043e\u043d\u044b \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u0430 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0438 \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0438\u0439 z-\u0438\u043d\u0434\u0435\u043a\u0441 \u043d\u0443\u0436\u043d\u044b, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u043b\u0430\u0433\u0430\u0435\u043c\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0441\u044f \u0432 \u0432\u0435\u0440\u0445\u043d\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u0432\u0438\u0434\u0435\u043e.<\/p>\n<p>  \u041f\u043e\u0442\u043e\u043c \u043d\u0443\u0436\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u044c <code>&lt;div&gt;<\/code> \u0441 \u043e\u0432\u0435\u0440\u043b\u0435\u0435\u043c. \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0432\u0435\u0440\u0441\u0442\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c.<\/p>\n<pre><code class=\"css\">&lt;div class=&quot;overlay&quot;&gt; &lt;!\u2014 STANDARD EMAIL HTML \/ CONTENT OVER VIDEO \u2014&gt; &lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;600&quot;&gt; ... &lt;\/table&gt; &lt;\/div&gt; <\/code><\/pre>\n<p>  <\/p>\n<h4>\u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u0434\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432<\/h4>\n<p>  \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043d\u0438 \u043e\u0434\u043d\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u043e\u0435 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0444\u043e\u043d\u043e\u0432\u044b\u0435 HTML5-\u0432\u0438\u0434\u0435\u043e. \u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u0445\u0441\u044f \u043a \u0446\u0435\u043b\u0435\u0432\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0438 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 iOS, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043d\u0430 \u0432\u0438\u0434\u0435\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0430\u0441\u044c \u043d\u0435\u043d\u0443\u0436\u043d\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u0434\u043b\u044f \u0435\u0433\u043e \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043d\u0438\u044f:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/be1\/147\/016\/be114701690f48e4877a33ed99f03d74.jpg\"\/><\/p>\n<p>  \u041d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043a\u0430\u043a\u0438\u043c-\u0442\u043e \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433 \u0432\u0438\u0434\u0435\u043e \u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u0441 iOS, \u0434\u043b\u044f \u0447\u0435\u0433\u043e \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c media queries \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0448\u0438\u0440\u0438\u043d\u044b \u044d\u043a\u0440\u0430\u043d\u0430 \u0438 \u0441\u043e\u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0439 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0434\u043b\u044f iOS-\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 (\u0447\u0442\u043e \u043f\u0440\u0438\u0432\u0435\u043b\u043e \u0431\u044b \u0438 \u043a \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u044e \u043d\u0435\u043d\u0443\u0436\u043d\u043e\u0439 \u043a\u043d\u043e\u043f\u043a\u0438 play):<\/p>\n<pre><code class=\"css\">\/* iPAD MEDIA QUERY *\/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { video[class=&quot;video&quot;]{display: none !important;z-index:-1;} }  \/* iPAD 1 & 2, iPAD MINI MEDIA QUERY *\/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { video[class=&quot;video&quot;]{display: none !important;z-index:-1;} }  \/* RETINA iPAD MEDIA QUERY *\/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { video[class=&quot;video&quot;]{display: none !important;z-index:-1;} }  \/* iPHONE 5 MEDIA QUERY *\/ @media screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 1){ video[class=&quot;video&quot;]{display: none !important;z-index:-1;} }  \/* iPHONE 5S MEDIA QUERY *\/ @media screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2){ video[class=&quot;video&quot;]{display: none !important;z-index:-1;} }  \/* iPHONE 2G\/3G\/3GS MEDIA QUERY *\/ @media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1){ video[class=&quot;video&quot;]{display: none !important;z-index:-1;} }  \/* iPHONE 4\/4S MEDIA QUERY *\/ @media screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){ video[class=&quot;video&quot;]{display: none !important;z-index:-1;} } <\/code><\/pre>\n<p>  \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e display \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u044d\u0442\u0438\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u0431\u044b\u043b\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043e \u0432 none, \u0442\u0430\u043a \u0447\u0442\u043e \u0432\u0438\u0434\u0435\u043e \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u043e\u0441\u044c. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, \u0431\u043e\u043b\u0435\u0435 \u043d\u0438\u0437\u043a\u0438\u0439 z-\u0438\u043d\u0434\u0435\u043a\u0441 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043b, \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043e \u0437\u0430\u043f\u0430\u0441\u043d\u043e\u0435 \u0444\u043e\u043d\u043e\u0432\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u0445\u0440\u0430\u043d\u044f\u0449\u0435\u0435\u0441\u044f \u0432 \u044f\u0447\u0435\u0439\u043a\u0435 <code>&lt;td&gt;<\/code>.<\/p>\n<p>  \u041f\u0440\u0438 \u044d\u0442\u043e\u043c, \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u043e\u043a\u0430\u0437\u0430 \u0432\u0438\u0434\u0435\u043e \u0432 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 Webkit-\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445 \u0438 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u00ab\u043e\u0442\u0437\u044b\u0432\u0447\u0438\u0432\u043e\u0441\u0442\u044c\u00bb \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u044b\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0435\u0449\u0435 \u0438 \u0442\u0430\u043a\u043e\u0439 CSS:<\/p>\n<pre><code class=\"css\">\/* WEBKIT, CHROME, SAFARI MEDIA QUERY @ 600px *\/ @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 600px) { div[class=&quot;video-wrap&quot;]{ height: 570px !important;} }  \/* WEBKIT, CHROME, SAFARI MEDIA QUERY @ 480px*\/ @media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 480px) { div[class=&quot;video-wrap&quot;]{ height: 440px !important;} video[class=&quot;video&quot;]{ top:-75px; left:-200px;} } <\/code><\/pre>\n<p>  \u041c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 CSS \u0438\u0437\u043c\u0435\u043d\u044f\u043b \u0432\u044b\u0441\u043e\u0442\u0443 <code>&lt;div&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u00ab\u043e\u0431\u0435\u0440\u0442\u043a\u043e\u0439 \u0434\u043b\u044f \u0432\u0438\u0434\u0435\u043e\u00bb, \u0447\u0442\u043e\u0431\u044b \u043b\u0443\u0447\u0448\u0435 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0438 \u0448\u0440\u0438\u0444\u0442\u044b, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043c\u0435\u043d\u044f\u043b \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435 <code>&lt;video&gt;<\/code> \u0434\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0433\u043e \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0435\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u043d\u0435 \u043c\u0435\u043d\u044f\u043b\u0438\u0441\u044c.<\/p>\n<p>  \u0421\u0443\u0434\u044f \u043f\u043e \u0440\u0435\u0430\u043a\u0446\u0438\u0438 \u0432 Twitter, \u043f\u043e\u0434\u043f\u0438\u0441\u0447\u0438\u043a\u0438, \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0438\u0435 \u0442\u0430\u043a\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e, \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u0435\u0433\u043e \u043e\u0446\u0435\u043d\u0438\u043b\u0438 (\u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u0432\u043e\u0441\u0442\u043e\u0440\u0436\u0435\u043d\u043d\u044b\u0445 \u0442\u0432\u0438\u0442\u043e\u0432 \u0432 \u043a\u043e\u043d\u0446\u0435 \u044d\u0442\u043e\u0433\u043e <a href=\"https:\/\/litmus.com\/blog\/how-to-code-html5-video-background-in-email\">\u043f\u043e\u0441\u0442\u0430<\/a>).<\/p>\n<h5>\u0427\u0438\u0442\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435 \u0434\u0440\u0443\u0433\u0438\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u043e\u0442 \u00ab\u041f\u0435\u0447\u043a\u0438\u043d\u0430\u00bb:<\/h5>\n<p>  <\/p>\n<ul>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/255819\/\">How-to: \u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 email-\u043f\u0438\u0441\u0435\u043c<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/257915\/\">\u041a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u043e\u0435 \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u043f\u0438\u0441\u0435\u043c<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/258313\/\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 media queries \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0435 email-\u043f\u0438\u0441\u0435\u043c: \u0437\u0430 \u0438 \u043f\u0440\u043e\u0442\u0438\u0432<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/259333\/\">\u0414\u0438\u0437\u0430\u0439\u043d \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u044b: \u041a\u0430\u043a \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b\u0435 plain-text \u043f\u0438\u0441\u044c\u043c\u0430<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/259909\/\">How-to: \u0422\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u0432 \u0434\u0438\u0437\u0430\u0439\u043d\u0435 email-\u043f\u0438\u0441\u0435\u043c<\/a><\/li>\n<li><a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/260945\/\">\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043e \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u043f\u0440\u0435\u0432\u044c\u044e email-\u043f\u0438\u0441\u0435\u043c<\/a><\/li>\n<\/ul>\n<div class=\"clear\"><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/261447\/\"> http:\/\/habrahabr.ru\/post\/261447\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>       <a href=\"http:\/\/habrahabr.ru\/company\/pechkin\/blog\/261447\/\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/e92\/7cc\/da1\/e927ccda196c4dd297d61e7eae17163c.gif\"\/><\/a><\/p>\n<p>  \u0411\u044b\u0432\u0430\u044e\u0442 \u0441\u043b\u0443\u0447\u0430\u0438, \u043a\u043e\u0433\u0434\u0430 \u0434\u043b\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u0439 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0438, \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c \u0438 \u043c\u0430\u0440\u043a\u0435\u0442\u043e\u043b\u043e\u0433\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u0442\u044c \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u0445\u043e\u0434\u044b. \u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u043e\u0447\u0442\u043e\u0432\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0438\u0441\u0430 Litmus \u0432 \u0441\u0432\u043e\u0435\u043c \u0431\u043b\u043e\u0433\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b\u0430 \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e HTML5 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e, \u0444\u043e\u043d\u043e\u043c \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0441\u043b\u0443\u0436\u0438\u0442 <a href=\"http:\/\/pages.litmus.com\/webmail\/31032\/17620921\/2100066fd2b95a5e1d19ad689a4ac42a\">\u0432\u0438\u0434\u0435\u043e<\/a>. <\/p>\n<p>  \u0412\u0438\u0434\u0435\u043e \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u043b\u043e\u0441\u044c \u0432 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430\u0445 Apple Mail \u0438 Outlook 2011 \u0434\u043b\u044f Mac. \u0412 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0447\u0442\u043e\u0432\u044b\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u0445 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u043e\u0441\u044c \u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435. \u041d\u0438\u0436\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u043f\u043e\u0448\u0430\u0433\u043e\u0432\u043e\u0435 \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u0438\u0434\u0435\u043e-\u043f\u0438\u0441\u044c\u043c\u0430.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-260390","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/260390","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=260390"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/260390\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=260390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=260390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=260390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}