CINXE.COM
Save time with AI
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- Salesforce wanted to restore the metadata for all groups except for Competitive Marketing (org 6139) --> <title>Save time with AI</title> <link rel="icon" href="https://icons.duckduckgo.com/ip3/salesforce.com.ico" /> <link rel="shortcut icon" href="https://icons.duckduckgo.com/ip3/salesforce.com.ico" /> <meta name="title" content="Salesforce Parent - Sharing Page" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta name="generator" content="vidyard.com"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="izAQDJHYQ5yYuZXmPBWS1OpkVpHrVb+nYYWCohPQutlHisHp7aHzN2+eK4fKUeNiYM8x5Ky0RX8RuXXl9F620w==" /> <meta name="medium" content="video"> <meta name="title" content="Save time with AI"> <meta name="description" content="Create impactful campaigns faster with agents helping to surface insights, define strategy, and generate content."> <meta name="video_type" content="application/x-shockwave-flash"> <meta name="video_height" content="360"> <meta name="video_width" content="640"> <meta property="fb:app_id" content="198021633865294"> <meta property="fb:admins" content="42301029"> <meta name="slack-app-id" content="A0166HRL7E3"> <link rel="alternate" type="application/json+oembed" href="https://api.vidyard.com/dashboard/v1.1/oembed?url=https%3A%2F%2Fsalesforce.vidyard.com%2Fwatch%2FTu4mzTj2GNtXfwdAcwf432%3Fcustom_id%3D" title="Save time with AI"> <meta property="og:url" content="https://salesforce.vidyard.com/watch/Tu4mzTj2GNtXfwdAcwf432?custom_id="> <meta property="og:site_name" content="Vidyard"> <meta property="og:title" content="Save time with AI"> <meta property="og:description" content="Create impactful campaigns faster with agents helping to surface insights, define strategy, and generate content."> <meta property="og:image" content="https://play.vidyard.com/Tu4mzTj2GNtXfwdAcwf432.jpg?"> <meta property="og:image:width" content="470"> <meta property="og:image:height" content="264"> <meta property="og:type" content="video.other"> <meta property="video:duration" content="38"> <meta property="og:video:type" content="text/html"> <meta property="og:video:width" content="470"> <meta property="og:video:height" content="264"> <meta property="og:video" content="https://play.vidyard.com/Tu4mzTj2GNtXfwdAcwf432.html?autoplay=0&custom_id=&embed_button=0&viral_sharing=0&"> <meta property="og:video:secure_url" content="https://play.vidyard.com/Tu4mzTj2GNtXfwdAcwf432.html?autoplay=0&custom_id=&embed_button=0&viral_sharing=0&"> <meta property="og:video:type" content="application/x-shockwave-flash"> <meta property="og:video:width" content="470"> <meta property="og:video:height" content="264"> <meta property="og:video:type" content="video/mp4"> <meta property="og:video:width" content="470"> <meta property="og:video:height" content="264"> <meta property="og:video" content="https://cdn.vidyard.com/videos/JQaXX5m0OlTo6SpEROTdEw/sd.mp4?grUoQ9PfXrw_guG9Ngzr0hItHkGMT0lyTA8zRPRxre89qpwqlxCxrJkRyKJOtLV5T-PgO0GQUTVQnRtzm0Nn2G34suKMesCq0tX8UoSWt5XEW5QHgiW6D5fq7QGMmR22-nqqcc36XTA"> <meta property="og:video:secure_url" content="https://cdn.vidyard.com/videos/JQaXX5m0OlTo6SpEROTdEw/sd.mp4?grUoQ9PfXrw_guG9Ngzr0hItHkGMT0lyTA8zRPRxre89qpwqlxCxrJkRyKJOtLV5T-PgO0GQUTVQnRtzm0Nn2G34suKMesCq0tX8UoSWt5XEW5QHgiW6D5fq7QGMmR22-nqqcc36XTA"> <meta name="twitter:player:stream" content="https://cdn.vidyard.com/videos/JQaXX5m0OlTo6SpEROTdEw/sd.mp4?grUoQ9PfXrw_guG9Ngzr0hItHkGMT0lyTA8zRPRxre89qpwqlxCxrJkRyKJOtLV5T-PgO0GQUTVQnRtzm0Nn2G34suKMesCq0tX8UoSWt5XEW5QHgiW6D5fq7QGMmR22-nqqcc36XTA"> <meta name="twitter:player:stream:content_type" content="video/mp4; codecs="avc1.42E01E1, mp4a.40.2""> <meta name="twitter:card" content="player"> <meta name="twitter:url" content="https://salesforce.vidyard.com/watch/Tu4mzTj2GNtXfwdAcwf432?custom_id="> <meta name="twitter:site" content="Vidyard"> <meta name="twitter:title" content="Save time with AI"> <meta name="twitter:description" content="Create impactful campaigns faster with agents helping to surface insights, define strategy, and generate content."> <meta name="twitter:player:width" content="435"> <meta name="twitter:player:height" content="245"> <meta name="twitter:player" content="https://play.vidyard.com/Tu4mzTj2GNtXfwdAcwf432.html?autoplay=0&custom_id=&embed_button=0&viral_sharing=0&"> <meta name="twitter:image" content="https://play.vidyard.com/Tu4mzTj2GNtXfwdAcwf432.jpg?"> <script src="//assets.vidyard.com/share/webpack/js/runtime~common-ed6effede7d759147a09.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/vendors~common~hub-scripts/assurance/manifest~hub-scripts/beckman_coulter/manifest~hub-scripts/brand~901e432c-c9171d097d731a4dab85.chunk.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/vendors~common-e101d882dee60f9f9a57.chunk.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/common-0b98cab4363e150cf150.chunk.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/runtime~hub-scripts/manifest_hub-4f3a7700d378c0b44d99.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/vendors~common~hub-scripts/assurance/manifest~hub-scripts/beckman_coulter/manifest~hub-scripts/brand~901e432c-c9171d097d731a4dab85.chunk.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/vendors~hub-scripts/manifest_hub-3b193ccab141c5a4ea80.chunk.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/hub-scripts/manifest_hub-da65a7048b0ea70791a6.chunk.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/runtime~hub-scripts/salesforce/manifest-2466005a8b66a58741d7.js" crossorigin="anonymous"></script> <script src="//assets.vidyard.com/share/webpack/js/hub-scripts/salesforce/manifest-9787620542b960b492c5.chunk.js" crossorigin="anonymous"></script> <link rel="stylesheet" href="//assets.vidyard.com/share/webpack/css/hub-styles/manifest_hub-60a12696.chunk.css" media="screen" /> <link rel="stylesheet" href="//assets.vidyard.com/share/webpack/hub-styles/manifest_hub.60a1269623cad4e46e7b.css" media="screen" /> <link rel="stylesheet" href="//assets.vidyard.com/share/webpack/css/hub-styles/salesforce/manifest-0737fe8e.chunk.css" media="screen" /> <link rel="stylesheet" href="//assets.vidyard.com/share/webpack/hub-styles/salesforce/manifest.0737fe8e53cd2590f66d.css" media="screen" /> <script> //<![CDATA[ $(document).ready(function () { if (typeof Hub.init === 'function') { Hub.init(); } }); //]]> </script> <style type="text/css"> </style> <style type='text/css' class='css_style'> @import url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-www-global/clientlibs_base.min.22dbf0c1f969063dbb2ea2d9bcec0e2d.css'); @import url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-www/clientlibs_framework.min.d84548f1cd03b57d29d42fe38a333261.css'); @import url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-aem-master/clientlibs_search.min.33774d1dcde84d1b889c40ef4778a371.css'); @import url('https://c1.sfdcstatic.com/etc/clientlibs/sfdc-www/clientlibs_base.min.41c9401da184ae3f52b33e37e1b989a5.css'); body, html { background-color: white; } .container { margin-top: 0px; } .assistiveText { position: absolute; border: 0; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; } #header { background-color: rgba(0,0,0,0); height: 96px; } h2.video-about-header { display: none; } p.video-description { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; line-height: 20px; color: #000000 !important; } h1.video-title { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; margin-bottom: 10px; color: #000000 !important; } #sf-header { border: none; background-color: transparent; } #mobile-footer { background-color: #d7d7d7; display: none; } #sf-footer { margin-bottom: 15px; display: block; position: relative; margin-top: 10px; border: none; font-family: Arial; } #links a, #copyright a { color: rgb(0, 112, 210); text-decoration: none; } #first_part { color: rgb(0, 57, 107); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; width: 514px; float: left; margin-left: 20px; } #contact-info-container { font-size: 16px; margin-bottom: 6px; } #contact-info-container a { color: rgb(0, 57, 107); } #copyright, #legal-address { font-size: 12px; } #links { margin-top: 10px; font-size: 12px; } #social_container img, #social_container a img{ border: 0px; box-shadow: none; text-decoration: none; } #button_facebook { display: inline-block; width: 30px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/common/assets/img/social-icons.png") -40px -535px no-repeat; } #button_twitter { display: inline-block; width: 38px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/common/assets/img/social-icons.png") 0px -535px no-repeat; } #button_youtube { display: inline-block; width: 32px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/common/assets/img/social-icons.png") -143px -535px no-repeat; } #button_googleplus { display: inline-block; width: 38px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/common/assets/img/social-icons.png") -107px -535px no-repeat; } #button_linkedin { display: inline-block; width: 34px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/common/assets/img/social-icons.png") -71px -535px no-repeat; } #button_rss { display: inline-block; width: 32px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/common/assets/img/social-icons.png") -177px -535px no-repeat; } #button_cloud { display: inline-block; width: 38px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/common/assets/img/social-icons.png") -211px -535px no-repeat; } #select_region { margin-top: 5px; margin-left: 130px; } #button_globe { display: inline-block; width: 33px; height: 30px; background:transparent url("http://www2.sfdcstatic.com/system/shared/common/assets/img/footer/lang-selector-sprite.png") 0px 0px no-repeat; } #region_select { line-height: 20px; position: relative; bottom: 8px; font-size: 15px; } .topbar { display: none; } #copyright, #legal-address { font-size: 11px; } #second_part { width: 34%; float: right; } #main-logo { margin-top: 5px; } #main-logo a img { width: 100px; } body { height: calc(100% - 220px); } #contact-info-container a { color: #696969; } .horizontal { list-style-type: none; } .ex-icon1, .ex-icon2 { width:1.25em; float: left; font-weight: normal; font-size: 15px; } .ex-icon2 { display: none; } .f-expandable { font-size: 16px; font-weight: bold; text-decoration: none; } .product-list, .community-list, .industries-list, .services-list, .customers-list, .events-list, .aboutus-list { list-style-type: none; } .item-container { font-size: 13px; font-weight: 600; text-decoration: none; color: #696969; } .f-expandable, .f-expandable:focus { color: #696969; } .item-container span:hover, .f-expandable:hover { color: #f00; } .productheader, .communityheader, .industryheader, .servicesheader, .customersheader, .eventsheader, .aboutusheader { width: 50%; float: left; padding-bottom: 2px; } .full { width: 100%; } .menu-divided { width: 100%; float:left; margin: 5px 0px; } .horizontal ul { padding: 0.45em 10px; } #contactus, #socialshare { font-size: 1.6em; color: #fff; text-decoration: none; } #socialshare { float: right; } #contact-bar { background-color: #333; height: 42px; width: 100%; position: relative; padding: 7px 20px; } #contact-menu a, #social-follow-container a{ color: #696969; } #contact-menu, #social-follow-container { background-color: #242424; width: 100%; list-style-type: none; margin: 0px; height: 0px; position: absolute; top: 0px; } #footer-foot { padding: 0px 10px; } #contact-menu li { float: left; padding: 9px 44px 8px 40px; display: none; } #social-follow-container li { float: left; padding: 17px 44px 8px 10px; display: none; } .fa-customx { font-size: 2.1em; } #footer-links { color: rgb(0, 57, 107); margin-top: 10px; } #footer-links > #copyright, #footer-links > #legal-address, #footer-links > #links { font-size: 13px; } .product-section, .community-section, .industry-section, .services-section, .customers-section, .events-section, .about-section { display: none; } #contact-items { position: relative; } @media (max-width: 990px) { #first_part { width: 506px; margin-left: 0px; } } @media (max-width: 768px) { #desktop-footer { display: none; } #mobile-footer { display: block; padding-top: 20px; padding-bottom: 40px; } #main-logo a { width: 100%; max-width: 484px; } } @media (max-width: 530px) { #contact-menu li { padding: 9px 30px 8px 27px; } #social-follow-container li { padding: 17px 41px 8px 10px; } } @media (max-width: 480px) { #mobile-footer { padding: 20px 20px 40px; } #social-follow-container li { padding: 17px 29px 8px 10px; } #contact-menu li { padding: 9px 25px 8px 22px; } } @media (max-width: 436px) { #social-follow-container li { padding: 17px 24px 8px 8px; } } .aspect-ratio{ border:0; } h1,h2,h3,h4,h5,h6,p,a,li,ol{ font-family: 'SalesforceSansLight',Helvetica,Arial,sans-serif !important; } .vidyard_player>span { width: 100% !important; height: 100% !important; padding: 0 !important; min-width: 200px; } </style> <script type="text/javascript"> $(document).ready(function() { function togglePlaylistRatio() { $('.aspect-ratio').toggleClass('aspect-ratio-playlist', $(window).width() >= (319 * 2)); } if (playlist_open) { $(window).on("resize", togglePlaylistRatio); togglePlaylistRatio(); } $("#prod-ex").click(function() { $(".product-section").toggle(); $("#prod-ex .ex-icon1").toggle(); $("#prod-ex .ex-icon2").toggle(); }); $("#comm-ex").click(function() { $(".community-section").toggle(); $("#comm-ex .ex-icon1").toggle(); $("#comm-ex .ex-icon2").toggle(); }); $("#ind-ex").click(function() { $(".industry-section").toggle(); $("#ind-ex .ex-icon1").toggle(); $("#ind-ex .ex-icon2").toggle(); }); $("#serv-ex").click(function() { $(".services-section").toggle(); $("#serv-ex .ex-icon1").toggle(); $("#serv-ex .ex-icon2").toggle(); }); $("#cust-ex").click(function() { $(".customers-section").toggle(); $("#cust-ex .ex-icon1").toggle(); $("#cust-ex .ex-icon2").toggle(); }); $("#event-ex").click(function() { $(".events-section").toggle(); $("#event-ex .ex-icon1").toggle(); $("#event-ex .ex-icon2").toggle(); }); $("#about-ex").click(function() { $(".about-section").toggle(); $("#about-ex .ex-icon1").toggle(); $("#about-ex .ex-icon2").toggle(); }); $("#contactus").click(function() { $("#social-follow-container").height(0).css({ "top": "0px" }); $("#social-follow-container li").hide(); $("#contact-menu li").toggle(); if ($("#contact-menu").height() > 0) { $("#contact-menu").animate({ height: 0, top: 0 }); } else { $("#contact-menu").animate({ height: 60, top: -60 }); } }); $("#socialshare").click(function() { $("#contact-menu").height(0).css({ "top": "0px" }); $("#contact-menu li").hide(); $("#social-follow-container li").toggle(); if ($("#social-follow-container").height() > 0) { $("#social-follow-container").animate({ height: 0, top: 0 }); } else { $("#social-follow-container").animate({ height: 60, top: -60 }); } }); }); </script> </head> <body> <div id="notifications"> <div id="header_success" class="alert alert-success header alert-dismissable text-center collapse"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <i class="fa fa-check-circle" aria-hidden="true"></i> <span class="message" role="alert" aria-live="assertive"></span> </div> <div id="header_notice" class="alert alert-info header alert-dismissable text-center collapse"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <i class="fa fa-info-circle" aria-hidden="true"></i> <span class="message" role="alert" aria-live="assertive"></span> </div> <div id="header_error" class="alert alert-danger header alert-dismissable text-center collapse"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> <i class="fa fa-exclamation-circle" aria-hidden="true"></i> <span class="message" role="alert" aria-live="assertive"></span> </div> </div> <div id="hub-layout-container"> <div id="header"> <div id="sf-header" class="container"> <div class="logo-wrap fullwidth text-center"> <div id="main-logo"> <a href="https://www.salesforce.com" title="Salesforce.com"><img src="https://c1.sfdcstatic.com/content/dam/web/en_us/www/images/home/logo-salesforce.svg" alt="CRM The World's Favorite Customer Relationship Management - Salesforce.com"></a> </div> <div id="header-nav" class="clearfix"> </div> </div> </div> </div> <div itemscope itemtype="http://schema.org/VideoObject" class="bsp-container"> <div class="hub-container"> <div class="span-24 last full-span"> <div class="stage-spacer"> <br> </div> <div class="stage append-bottom"> <meta itemprop="height" content="360"> <meta itemprop="width" content="640"> <meta itemprop="thumbnail" content="//play.vidyard.com/Tu4mzTj2GNtXfwdAcwf432.jpg?"> <meta itemprop="duration" content="T38S"> <div class="aspect-ratio"> <script type="text/javascript" id="vidyard_embed_code_Tu4mzTj2GNtXfwdAcwf432" src="//play.vidyard.com/Tu4mzTj2GNtXfwdAcwf432.js?height=360&hide_html5_playlist=1&v=3.1.1&vyetoken=&width=640&&type=inline"></script> </div> </div> <div class="stage-info"> <!-- Salesforce wanted to restore the metadata for all groups except for Competitive Marketing (org 6139) --> <h1 itemprop="name" class="video-title">Save time with AI</h1> <h2 class="video-about-header">ABOUT</h2> <div class="video-description-container"> <p class="video-description"> Create impactful campaigns faster with agents helping to surface insights, define strategy, and generate content. </p> </div> <div class="video-description-expand-button"></div> </div> </div> </div> </div> <div id="footer"><div class="reference referenceComponent parbase section"> <div class="cq-dd-paragraph"> <div class="dockedContainer parbase dockedcontainer"> <div class="docked-container margin-20-right-lg fixed"> <div class="parbase fixedFooterCTAItemComponent section"> <div class="fixed-btn-container hidden-xs hidden-sm hidden-md"> <div class="live-chat-container"> <div class="btn-container" id="livechatv2"> <div> <div class="snippet-data"> <div><style type="text/css"> .bg-cirrus[href]:hover img { border: 2px solid #0097EE; } .embeddedServiceHelpButton .helpButton, .embeddedServiceSidebar a.embeddedServiceSidebarMinimizedContainer, .embeddedServiceSidebar.layout-docked .dockableContainer { right: 175px; } .embeddedServiceHelpButton { display: none; bottom: 0; top: auto; } //Style used to keep button on the top of the page ( specially to fix IPAD error). //Bug: W-4434592 - Live Chat tab moves with the page scroll on iPad //GUS: https://gus.lightning.force.com/one/one.app#/sObject/a07B0000004KqNIIA0 .embeddedServiceSidebar.modalContainer .embeddedServiceSidebarMinimizedContainer { bottom: 0; top: auto; } .embeddedServiceSidebar .isMinimized.embeddedServiceSidebarMinimizedContainer, .embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled, .embeddedServiceHelpButton .helpButton .uiButton.helpButtonEnabled, .embeddedServiceSidebar .helpButton.isMinimized { background-color: #215ca0; font-size: inherit; max-width: inherit; padding-left: 35px; padding-right: 0; width: 164px; min-width: 0; } @media only screen and (min-width: 48em) { .embeddedServiceHelpButton .helpButton, .embeddedServiceSidebar a.embeddedServiceSidebarMinimizedContainer { height: 35px; font-family: 'SalesforceSansRegular', Helvetica, Arial, sans-serif !important; } .embeddedServiceHelpButton .uiButton.helpButtonEnabled .embeddedServiceIcon, .embeddedServiceSidebar .helpButton.embeddedServiceSidebarMinimizedContainer .embeddedServiceIcon, .embeddedServiceHelpButton .helpButtonDisabled .embeddedServiceIcon, .embeddedServiceSidebarMinimizedContainer .minimizedImage { display: none; } .embeddedServiceHelpButton .uiButton .helpButtonLabel { bottom: 4.6px; left: 4px; font-size: 14px; letter-spacing: .102em; } .embeddedServiceHelpButton .helpButton .uiButton, .embeddedServiceSidebar .isMinimized { border-radius: 4px 4px 0 0; } } .embeddedServiceLiveAgentStateChatHeaderOption .optionName, .embeddedServiceLiveAgentStateChatHeader:not(.alert) .message, .embeddedServiceSidebarButton .label { text-transform: uppercase; } .embeddedServiceSidebarButton .label { font-size: 14px; letter-spacing: 1.428px; font-weight: bold; } .embeddedServiceLiveAgentStateChatInputFooter.dynamicResizeTextOneRow .chasitorText { font-size: 14px; } .embeddedServiceSidebarHeader #headerTextLabel, .embeddedServiceSidebarHeader #headerSubtext { letter-spacing: 1.428px; } .embeddedServiceSidebarMinimizedContainer { box-shadow: none; } .embeddedServiceHelpButton .helpButton .uiButton { box-shadow: none; } </style></div> <div> <style type="text/css"> .embeddedServiceLoadingBalls .second, .embeddedServiceLoadingBalls .third { display: none; } .embeddedServiceLoadingBalls.animated .first { animation: none; width: 60%; height: 60px; border-radius: 0px; background-color: transparent; background-image: url("https://c2.sfdcstatic.com/content/dam/web/en_us/www/images/live-agent/astro-waiting-snap-ins-wave.gif"); //// replace this with your gif background-position: center; background-size: cover; } .embeddedServiceHelpButton .helpButton .uiButton { background-color: #215CA0; font-family: "Salesforce Sans", sans-serif; } .embeddedServiceHelpButton .helpButton .uiButton:focus { outline: 1px solid #215CA0; } @font-face { font-family: 'Salesforce Sans'; src: url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.woff') format('woff'), url('https://www.sfdcstatic.com/system/shared/common/assets/fonts/SalesforceSans/SalesforceSans-Regular.ttf') format('truetype'); } </style> </div> </div> </div> </div> </div> </div> </div> </div> <div class="parbase randomImageComponent section list"> <div class="randomImage "> </div> </div> </div> </div> </div></div> <script type="text/javascript"> function togglePlaylistRatio() { $('.aspect-ratio').toggleClass('aspect-ratio-playlist', $(window).width() >= (319 * 2)); } var playlist_open = false; var player_width = 640; var player_height = 360; if (playlist_open) { $('.aspect-ratio').addClass('aspect-ratio-playlist'); $(window).on("resize", togglePlaylistRatio); togglePlaylistRatio(); } //Preload the iframe and display all the contents upon completion $(window).on('load', function() { //Comments load in a 480px frame with some padding. Less that 480px makes it look bad, and we can't properly resize the text areas. if ($(window).width() < 480) { var _state = $('#toggle_comments > span').html(); if (_state === "Hide Comments") { $('#toggle_comments > span').html('Show Comments'); $('#comment_container_fix').hide(); } } Check_Size(); }); $(window).on("resize", Check_Size); function Check_Size() { var window_width = $(window).width(); var aspect_ratio = player_width/player_height; var isMobile = (/iPhone|iPod|iPad|Android|BlackBerry/).test(navigator.userAgent); //Fix comments size - unaffected by CTAs or playlist. // TODO: Move the following disqus js to css if (window_width >= 640){ $('#disqus_container').width(640); $('#disqus_container').css({'min-width' : '320px', 'margin-left' : 'auto', 'margin-right' : 'auto'}); } else if (isMobile && window_width < 640 && window_width > 420) { $('#disqus_container').width(320); $('#disqus_container').css({'min-width' : '320px', 'margin-left' : 'auto', 'margin-right' : 'auto'}); } else if (window_width < 640 && window_width > 420) { $('#disqus_container').width(window_width); $('#disqus_container').css({'min-width' : '320px', 'margin-left' : 'auto', 'margin-right' : 'auto'}); } else if (isMobile && window_width <= 420 && window_width >= 320) { $('#disqus_container').width(320); $('#disqus_container').css({'min-width' : '320px', 'margin-left' : 'auto', 'margin-right' : 'auto'}); } else if (window_width < 320) { $('#disqus_container').width(window_width); $('#disqus_container').css({'min-width' : '10px', 'margin-left' : 'auto', 'margin-right' : 'auto'}); } else { $('#disqus_container').width(window_width); $('#disqus_container').css({'min-width' : '10px', 'margin-left' : 'auto', 'margin-right' : 'auto'}); } } </script> </div> </body> </html>