November 30, 2014 in HTML

HTML Email – Rich Media the Right Way

As we discussed last time, increasing numbers of email marketers want to use the ‘power’ of the Internet to better communicate with their customers. How can they harness the graphical and interactive capabilities of the medium? Rich media email. But though the decision might be an easy one, the execution of a good rich media email campaign can be tricky. Let’s consider two popular formats and troubleshoot the common problems of each.

Using JavaScript in your HTML eMail

As JavaScripts are predominantly a unique and proprietary element (and by this I mean that you can write 100 different scripts which all do basically the same thing but in a different manner), complex JavaScripts will always spell trouble for your HTML email.

Due to the wide variety of email clients, browsers, security settings, updates, and service packs installed, it’s difficult to predict how a script will execute against any given email client. JavaScripts can cause browsers & Outlook 2000 to disable any active scripting contained in an email document (and there has been an increase in email security due to malicious scripts).

You’d be wise to test any Javascript you wish to include in a mailing. Not all email clients can handle the scripts, and most Web-based systems disable scripts as a general rule, to prevent malicious code from being executed on a system. Javascript navigation forms (such as jump menu forms) can be used, but even these will only work in non-Web-based email clients. And most other navigation forms aren’t supported because they don’t work on the majority of Web-based email clients. However, forms that use the GET/POST method will render and test correctly in Web-based email clients, and you can often use this to get around many Javascript problems in HTML email.

Remember! Most Web-based email browsers are a

themselves, and use Javascript to power their product in some way or another. For this reason, your script has to be fairly innocuous in order to not interfere with their product.

Flashing your Email: Rich Media & HTML Email

Lately there’s been a great deal of interest in the addition of Flash to your everyday, run-of-the-mill email to impress clients, prospects or newsletter subscribers. However, the fact of the matter is that email HTML browsers are simply not equal to their Web browser counterparts. This is made more complex by the wide variety of settings, preferences, security updates, versions, and third-party applications which make the user experience hard to predict. It’s an interesting problem to contend with when you create, design and market HTML email. You’re probably about to hate what I’m about to say, but please don’t shoot the messenger!

You should never use Flash or any other Rich Media piece in your HTML email unless you’re absolutely certain that the email client your recipient uses can handle Flash content. Further, you should only send Flash/Rich Media content to someone who has requested it, or with whom you have an agreed and well-understood marketing relationship. The first time I had to wait almost an hour to download what turned out to be a Flash Email, I was on a Hotel dialup account. That one Flash Email cost nearly $10.00 and an hour of my time – not exactly the relationship you want to enter into with your customers or clients.

But if you absolutely have to send Flash content via email, remember these tips:

Don’t try to control your Flash with active scripting.

Due to the wide variety of email clients, browsers, security settings, updates, and service packs installed, you’ll never know how a script will execute against a particular email client. JavaScripts can cause browsers, Outlook 2000, and patched email clients to disable active scripting contained in an email document (there has been an increase in email security due to malicious scripts).

Consider attaching or sending a link.

The majority of Web-based email clients (Hotmail, Yahoo, etc.) strip out Flash content. So it’s not uncommon to send embedded Flash content only to have the recipient open it in their Web-based client and see absolutely nothing. Similarly, you can’t rely on a to provide an alternate link for the content. Include a text link before or after your Flash content for all Web-based recipients and those whose systems, ISP, network security, or other variables interfere with their viewing of Flash content.</p> <p>You might be better off to attach or send a link to your Flash content, rather than include the content in the email itself. By sending your Flash content as an attachment or a link, you can work around some of the limitations imposed by email clients and browsers. The Flash content will then render in the browser, rather in your email, and, provided the recipient has the plugin, they’ll be able to view the Flash file.</p> <p><strong><em>Make sure your files do not immediately start playing.</em></strong></p> <p>Control your content with an onClick, trigger or other event. A simple “Click here for an important message” is all you need. Allow the viewer to start the presentation when they’re ready. A Flash or Shockwave piece that begins streaming if viewed in an Outlook preview window, will start a second time when the email is opened.</p> <p>This will usually cause quite a mess with the recipient’s sound system and distort your intended message. And nothing will get your Flash email deleted faster than if it causes unexpected sounds to suddenly come pouring loudly from the recipient’s computer during the workday.</p> <h5>Rich Media – the Right Approach</h5> <p>These are just a few things you should watch out for if you plan to design, send and expect responses to Flash emails. Flash and other rich media may all be very Year 2001 – “bleeding edge” for the world of Web browsers. However, unfortunately your average HTML Email browser seems stuck at about early 1998.</p> <p>Source Link: http://www.sitepoint.com/email-rich-media-right-way/</p> </section> </div> <div class="post-links"> <div class="social-icons"> <a href="https://www.facebook.com/sharer.php?u=https://www.sircodex.com/html-email-rich-media-the-right-way/" class="social-icon framed use-hover social-facebook" target="_blank" rel="noopener noreferrer" title="Facebook"><i class="fab fa-facebook-f"></i></a><a href="https://twitter.com/intent/tweet?text=HTML+Email+%E2%80%93+Rich+Media+the+Right+Way&#038;url=https://www.sircodex.com/html-email-rich-media-the-right-way/" class="social-icon framed use-hover social-twitter" target="_blank" rel="noopener noreferrer" title="X"><i class="fab fa-twitter"></i></a><a href="https://pinterest.com/pin/create/button/?url=https://www.sircodex.com/html-email-rich-media-the-right-way/&#038;media=" class="social-icon framed use-hover social-pinterest" target="_blank" rel="noopener noreferrer" title="Pinterest"><i class="fab fa-pinterest-p"></i></a><a href="#" class="social-icon framed use-hover social-instagram" target="_blank" rel="noopener noreferrer" title="Instagram"><i class="fab fa-instagram"></i></a><a href="https://www.linkedin.com/shareArticle?mini=true&#038;url=https://www.sircodex.com/html-email-rich-media-the-right-way/&#038;title=HTML+Email+%E2%80%93+Rich+Media+the+Right+Way" class="social-icon framed use-hover social-linkedin" target="_blank" rel="noopener noreferrer" title="Linkedin"><i class="fab fa-linkedin-in"></i></a> </div> </div> </article> <hr class="mt-0 mb-6"> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://www.sircodex.com/html-email-troubleshooter/" rel="prev"><i class="a-icon-long-arrow-left"></i><span class="label">Previous Post</span><span class="pager-link-title">HTML eMail Troubleshooter</span></a></div><div class="nav-next"><a href="https://www.sircodex.com/xhtml-an-introduction/" rel="next"><i class="a-icon-long-arrow-right"></i><span class="label">Next Post</span><span class="pager-link-title">XHTML – An Introduction</span></a></div></div><a class="post-nav-blog a-icon-grid" href="https://www.sircodex.com" title="All Posts"></a></nav> <hr class="mt-6 mb-0"> <section class="related-posts"> <h3 class="title title-simple">Related Posts</h3> <div> <div class="posts list-type-posts slider-wrapper row cols-lg-2 cols-md-2 cols-sm-1 cols-1" data-slider-options="{&quot;spaceBetween&quot;:30,&quot;pagination&quot;:true,&quot;slidesPerView&quot;:2,&quot;breakpoints&quot;:{&quot;2401&quot;:{&quot;slidesPerView&quot;:2},&quot;1367&quot;:{&quot;slidesPerView&quot;:2},&quot;1201&quot;:{&quot;slidesPerView&quot;:2},&quot;1025&quot;:{&quot;slidesPerView&quot;:2},&quot;768&quot;:{&quot;slidesPerView&quot;:2},&quot;576&quot;:{&quot;slidesPerView&quot;:1},&quot;0&quot;:{&quot;slidesPerView&quot;:1}},&quot;statusClass&quot;:&quot;slider-dots-dark slider-shadow slider-overflow-hidden&quot;}" data-post-type="list"> <div class="post-wrap " data-post-image="alpha-post-small"> <article class="post-288 post type-post status-publish format-standard hentry category-html post overlay-zoom post-list"> <figure class="post-media"> <a href="https://www.sircodex.com/client-side-form-validation-with-html5/"> <img src="https://www.sircodex.com/wp-content/themes/u-design/assets/images/placeholders/post-placeholder.jpg" alt="Post placeholder image"> </a> </figure> <a class="post-calendar" href="https://www.sircodex.com/2014/12/05/"> <span class="post-day">05</span> <span class="post-month">Dec</span> </a> <div class="post-details"> <div class="post-cats"><a href="https://www.sircodex.com/category/html-css/html/" rel="category tag">HTML</a></div><h3 class="post-title"> <a href="https://www.sircodex.com/client-side-form-validation-with-html5/"> Client-Side Form Validation with HTML5 </a> </h3> <div class="post-content"> <p>Form Validation with HTML5 HTML5 includes a fairly solid form validation mechanism powered by the&hellip;</p></div> <div class="post-meta"> <div class="post-author"> by <a href="https://www.sircodex.com/author/admin/" title="Posts by Sir Codex" rel="author">Sir Codex</a> </div> <a href="#" class="vote-link like" data-count="0" data-id="288">0</a> <a href="https://www.sircodex.com/client-side-form-validation-with-html5/#respond" class="comments-link scroll-to local" ><span class="dsq-postid" data-dsqidentifier="288 http://www.sircodex.com/?p=288">0</span></a></div> </div> </article> </div> <div class="post-wrap " data-post-image="alpha-post-small"> <article class="post-280 post type-post status-publish format-standard hentry category-html post overlay-zoom post-list"> <figure class="post-media"> <a href="https://www.sircodex.com/new-html5-attributes-for-hyperlinks-download-media-and-ping/"> <img src="https://www.sircodex.com/wp-content/themes/u-design/assets/images/placeholders/post-placeholder.jpg" alt="Post placeholder image"> </a> </figure> <a class="post-calendar" href="https://www.sircodex.com/2014/12/05/"> <span class="post-day">05</span> <span class="post-month">Dec</span> </a> <div class="post-details"> <div class="post-cats"><a href="https://www.sircodex.com/category/html-css/html/" rel="category tag">HTML</a></div><h3 class="post-title"> <a href="https://www.sircodex.com/new-html5-attributes-for-hyperlinks-download-media-and-ping/"> New HTML5 Attributes for Hyperlinks: download, media, and ping </a> </h3> <div class="post-content"> <p>Hyperlinks have been around since the dawn of the Web. But with the dawn of&hellip;</p></div> <div class="post-meta"> <div class="post-author"> by <a href="https://www.sircodex.com/author/admin/" title="Posts by Sir Codex" rel="author">Sir Codex</a> </div> <a href="#" class="vote-link like" data-count="0" data-id="280">0</a> <a href="https://www.sircodex.com/new-html5-attributes-for-hyperlinks-download-media-and-ping/#respond" class="comments-link scroll-to local" ><span class="dsq-postid" data-dsqidentifier="280 http://www.sircodex.com/?p=280">0</span></a></div> </div> </article> </div> </div> </div> </section> <hr class="mt-0 mb-10 pb-5"> <div id="disqus_thread"></div> </div> </div></div></div></div> </main> <footer class="footer footer-copyright" id="footer"> &copy; 2026 UDesign Theme. All Rights Reserved </footer> </div> <div class="cookies-popup"> <div class="cookies-popup-inner d-flex align-items-center"> <div class="cookies-info"> By browsing this website, you agree to our <a href="#">privacy policy</a>. </div> <a href="#" rel="nofollow noopener" class="btn btn-sm accept-cookie-btn">I Agree</a> <a href="#" class="btn close-cookie-btn decline-cookie-btn btn-close" aria-label="Close Cookie Consent"><i class="a-icon-times-solid"></i></a> </div> </div> <a id="scroll-top" class="scroll-top" href="#top" title="Top" role="button"> <i class="a-icon-long-arrow-up"></i> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 70" enable-background="new 0 0 70 70" xml:space="preserve"> <circle id="progress-indicator" fill="transparent" stroke="#000000" stroke-miterlimit="10" cx="35" cy="35" r="34"/> </svg> </a> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/sir-codex/*","/wp-content/themes/u-design/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce"> window.wp_kirki = { ajaxUrl: "https://www.sircodex.com/wp-admin/admin-ajax.php", restUrl: "https://www.sircodex.com/wp-json/", siteUrl: "https://www.sircodex.com", apiVersion: "v1", postId: "46", nonce: "e01f36fc28", call_from: "", templateId: "", context: {"id":46,"type":"post"} }; </script> <style> @media (max-width: 1024px) { div.title-lg-center .title { margin-left: auto; margin-right: auto; text-align: center; } div.title-lg-left .title { margin-right: auto; margin-left: 0; text-align: left; } div.title-lg-right .title { margin-left: auto; margin-right: 0; text-align: right; } } @media (max-width: 767px) { div.title-md-center .title { margin-left: auto; margin-right: auto; text-align: center; } div.title-md-left .title { margin-right: auto; text-align: left; margin-left: 0; } div.title-md-right .title { margin-left: auto; margin-right: 0; text-align: right; } } </style> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='elementor-icons-css' href='https://www.sircodex.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.48.0' media='all' /> <link rel='stylesheet' id='alpha-post-css' href='https://www.sircodex.com/wp-content/plugins/u-design-core/inc/widgets/posts/post.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-theme-css' href='https://www.sircodex.com/wp-content/themes/u-design/assets/css/theme.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-gutenberg-css' href='https://www.sircodex.com/wp-content/themes/u-design/assets/css/components/gutenberg.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-framework-icons-css' href='https://www.sircodex.com/wp-content/themes/u-design/assets/vendor/wpalpha-icons/legacy/css/icons.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-alert-css' href='https://www.sircodex.com/wp-content/plugins/u-design-core/inc/widgets/alert/alert.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-share-css' href='https://www.sircodex.com/wp-content/plugins/u-design-core/inc/widgets/share/share.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-dynamic-vars-css' href='https://www.sircodex.com/wp-content/themes/u-design/assets/css/dynamic_vars.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-theme-single-post-css' href='https://www.sircodex.com/wp-content/themes/u-design/assets/css/pages/single-post.min.css?ver=4.12.0' media='all' /> <link rel='stylesheet' id='alpha-style-css' href='https://www.sircodex.com/wp-content/themes/u-design/style.css?ver=4.12.0' media='all' /> <style id='alpha-style-inline-css'> /* Global CSS */ main{ padding-top:1rem; } h1, h2, h3, h4, h5, h6, body{ font-family: 'Jost', sans-serif; } body, p{ font-size:16px !important; } /*# sourceURL=alpha-style-inline-css */ </style> <link rel='stylesheet' id='fontawesome-free-css' href='https://www.sircodex.com/wp-content/themes/u-design/assets/vendor/fontawesome-free/css/all.min.css?ver=5.14.0' media='all' /> <link rel='stylesheet' id='alpha-icons-css' href='https://www.sircodex.com/wp-content/themes/u-design/assets/vendor/icons/legacy/css/icons.min.css?ver=4.12.0' media='all' /> <link crossorigin="anonymous" rel='stylesheet' id='alpha-google-fonts-css' href='https://fonts.googleapis.com/css?family=Jost%3A300%2C400%2C500%2C600%2C700&#038;ver=6.9.4' media='all' /> <script id="disqus_count-js-extra"> var countVars = {"disqusShortname":"sircodex"}; //# sourceURL=disqus_count-js-extra </script> <script src="https://www.sircodex.com/wp-content/plugins/disqus-comment-system/public/js/comment_count.js?ver=3.1.4" id="disqus_count-js"></script> <script id="disqus_embed-js-extra"> var embedVars = {"disqusConfig":{"integration":"wordpress 3.1.4 6.9.4"},"disqusIdentifier":"46 http://www.sircodex.com/?p=46","disqusShortname":"sircodex","disqusTitle":"HTML Email \u2013 Rich Media the Right Way","disqusUrl":"https://www.sircodex.com/html-email-rich-media-the-right-way/","postId":"46"}; //# sourceURL=disqus_embed-js-extra </script> <script src="https://www.sircodex.com/wp-content/plugins/disqus-comment-system/public/js/comment_embed.js?ver=3.1.4" id="disqus_embed-js"></script> <script async="async" src="https://www.sircodex.com/wp-content/plugins/u-design-core/framework/addons/live-search/jquery.autocomplete.min.js?ver=6.9.4" id="jquery-autocomplete-js"></script> <script id="alpha-framework-js-extra"> var alpha_vars = {"theme":"udesign","theme_icon_prefix":"a","alpha_gap":"15px","home_url":"https://www.sircodex.com/","ajax_url":"https://www.sircodex.com/wp-admin/admin-ajax.php","nonce":"9ecdd385a8","lazyload":"","container":"1260","assets_url":"https://www.sircodex.com/wp-content/themes/u-design/assets","texts":{"loading":"Loading...","loadmore_error":"Loading failed","popup_error":"The content could not be loaded.","quick_access":"Click to edit this element.","ribbon":"Ribbon"},"resource_split_tasks":"1","resource_after_load":"1","alpha_cache_key":"alpha_cache_1bb3e382bb2aa4db86967720763aba47","lazyload_menu":"","countdown":{"labels":["Years","Months","Weeks","Days","Hours","Minutes","Seconds"],"labels_short":["Years","Months","Weeks","Days","Hrs","Mins","Secs"],"label1":["Year","Month","Week","Day","Hour","Minute","Second"],"label1_short":["Year","Month","Week","Day","Hour","Min","Sec"]},"popup_last_time":"0","placeholder_img":"https://www.sircodex.com/wp-content/themes/u-design/assets/images/placeholders/post-placeholder.jpg","placeholder_alt":"UDesign Placeholder","placeholder_width":"730","placeholder_height":"570","search_result":"There are no results.","cookie_version":"1"}; //# sourceURL=alpha-framework-js-extra </script> <script src="https://www.sircodex.com/wp-content/themes/u-design/framework/assets/js/framework.min.js?ver=4.12.0" id="alpha-framework-js"></script> <script async="async" src="https://www.sircodex.com/wp-content/themes/u-design/framework/assets/js/framework-async.min.js?ver=4.12.0" id="alpha-framework-async-js"></script> <script async="async" src="https://www.sircodex.com/wp-content/themes/u-design/assets/js/theme.min.js?ver=4.12.0" id="alpha-theme-js"></script> <script src="https://www.sircodex.com/wp-content/plugins/u-design-core/framework/addons/gdpr/gdpr.min.js?ver=4.12.0" id="alpha-gdpr-js"></script> <script src="https://www.sircodex.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script async="async" src="https://www.sircodex.com/wp-content/themes/u-design/assets/vendor/jquery.magnific-popup/jquery.magnific-popup.min.js?ver=1.1.0" id="alpha-magnific-popup-js"></script> <script src="https://www.sircodex.com/wp-includes/js/comment-reply.min.js?ver=6.9.4" id="comment-reply-js" async data-wp-strategy="async" fetchpriority="low"></script> <script src="https://www.sircodex.com/wp-content/plugins/u-design-core/inc/addons/post-like/post-like.min.js?ver=4.12.0" id="alpha-post-like-js"></script> <script src="https://www.sircodex.com/wp-content/plugins/u-design-core/inc/addons/comments-pagination/comments-pagination.min.js?ver=4.12.0" id="alpha-comments-pagination-js"></script> <script src="https://www.sircodex.com/wp-content/themes/u-design/framework/assets/js/sidebar.min.js?ver=4.12.0" id="alpha-sidebar-js"></script> <script src="https://www.sircodex.com/wp-content/themes/u-design/inc/assets/js/sticky.min.js?ver=4.12.0" id="alpha-sticky-lib-js"></script> <script src="https://www.sircodex.com/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6" id="swiper-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.sircodex.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://www.sircodex.com/wp-includes/js/wp-emoji-loader.min.js </script> <script></script> </body> </html>