Steam Labs - Micro Trailers

<!DOCTYPE html> <html class=" responsive DesktopUI" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#171a21"> <title>Steam Labs - Micro Trailers</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link href="https://store.fastly.steamstatic.com/public/shared/css/motiva_sans.css?v=YzJgj1FjzW34&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <link href="https://store.fastly.steamstatic.com/public/shared/css/shared_global.css?v=LkH7FFmHUNxE&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <link href="https://store.fastly.steamstatic.com/public/shared/css/buttons.css?v=ecbk11GZ8OUy&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <link href="https://store.fastly.steamstatic.com/public/css/v6/store.css?v=icCb2AMmB8of&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <link href="https://store.fastly.steamstatic.com/public/css/labs.css?v=a6rb44F13XEu&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <link href="https://store.fastly.steamstatic.com/public/css/labs/microtrailers.css?v=59i-zzhz5znQ&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <link href="https://store.fastly.steamstatic.com/public/shared/css/shared_responsive.css?v=r6syZUh8_Rpk&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/shared/javascript/jquery-1.8.3.min.js?v=NXam5zydzNu8&l=english&_cdn=fastly"></script> <script type="text/javascript">$J = jQuery.noConflict();</script><script type="text/javascript">VALVE_PUBLIC_PATH = "https:\/\/store.fastly.steamstatic.com\/public\/";</script><script type="text/javascript" src="https://store.fastly.steamstatic.com/public/shared/javascript/tooltip.js?v=QYkT4eS5mbTN&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/shared/javascript/shared_global.js?v=PCCoCNLxwF4M&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/shared/javascript/auth_refresh.js?v=w6QbwI-5-j2S&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/main.js?v=wiAgKBaqWusf&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/dynamicstore.js?v=R-lmS8X7AGaa&l=english&_cdn=fastly"></script> <script type="text/javascript"> var __PrototypePreserve=[]; __PrototypePreserve[0] = Array.from; __PrototypePreserve[1] = Array.prototype.filter; __PrototypePreserve[2] = Array.prototype.flatMap; __PrototypePreserve[3] = Array.prototype.find; __PrototypePreserve[4] = Array.prototype.some; __PrototypePreserve[5] = Function.prototype.bind; __PrototypePreserve[6] = HTMLElement.prototype.scrollTo; </script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/prototype-1.7.js?v=npJElBnrEO6W&l=english&_cdn=fastly"></script> <script type="text/javascript"> Array.from = __PrototypePreserve[0] || Array.from; Array.prototype.filter = __PrototypePreserve[1] || Array.prototype.filter; Array.prototype.flatMap = __PrototypePreserve[2] || Array.prototype.flatMap; Array.prototype.find = __PrototypePreserve[3] || Array.prototype.find; Array.prototype.some = __PrototypePreserve[4] || Array.prototype.some; Function.prototype.bind = __PrototypePreserve[5] || Function.prototype.bind; HTMLElement.prototype.scrollTo = __PrototypePreserve[6] || HTMLElement.prototype.scrollTo; </script> <script type="text/javascript"> var __ScriptaculousPreserve=[]; __ScriptaculousPreserve[0] = Array.from; __ScriptaculousPreserve[1] = Function.prototype.bind; __ScriptaculousPreserve[2] = HTMLElement.prototype.scrollTo; </script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/scriptaculous/_combined.js?v=lz_99vci25ux&l=english&_cdn=fastly&load=effects,controls,slider"></script> <script type="text/javascript"> Array.from = __ScriptaculousPreserve[0] || Array.from; Function.prototype.bind = __ScriptaculousPreserve[1] || Function.prototype.bind; HTMLElement.prototype.scrollTo = __ScriptaculousPreserve[2] || HTMLElement.prototype.scrollTo; delete String['__parseStyleElement']; Prototype.Browser.Webkit = true;</script> <script type="text/javascript">Object.seal && [ Object, Array, String, Number ].map( function( builtin ) { Object.seal( builtin.prototype ); } );</script> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function(event) { $J.data( document, 'x_readytime', new Date().getTime() ); $J.data( document, 'x_oldref', GetNavCookie() ); SetupTooltips( { tooltipCSSClass: 'store_tooltip'} ); }); </script><script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/youraccount.js?v=ql3ZVHFl7PMN&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/shared/javascript/dselect.js?v=sfK6UJLNp872&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/app_tagging.js?v=O0mRN2Hlb2ZI&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/shared/javascript/shared_responsive_adapter.js?v=tvQi85mXnRZH&l=english&_cdn=fastly"></script> <meta name="twitter:card" content="summary_large_image"> <meta name="Description" content="A six-second trailer for every Steam game"> <meta name="twitter:site" content="@steam" /> <meta property="og:title" content="Steam Labs - Micro Trailers"> <meta property="twitter:title" content="Steam Labs - Micro Trailers"> <meta property="og:type" content="website"> <meta property="fb:app_id" content="105386699540688"> <meta property="og:site" content="Steam"> <meta property="og:description" content="A six-second trailer for every Steam game"> <meta property="twitter:description" content="A six-second trailer for every Steam game"> <link rel="image_src" href="https://cdn.fastly.steamstatic.com/store/labs/main/images/capsule_banner_microtrailers.jpg"> <meta property="og:image" content="https://cdn.fastly.steamstatic.com/store/labs/main/images/capsule_banner_microtrailers.jpg"> <meta name="twitter:image" content="https://cdn.fastly.steamstatic.com/store/labs/main/images/capsule_banner_microtrailers.jpg" /> </head> <body class="v6 labs responsive_page "> <div class="responsive_page_frame with_header"> <div role="navigation" class="responsive_page_menu_ctn mainmenu" aria-label="Mobile Menu"> <div class="responsive_page_menu" id="responsive_page_menu"> <div class="mainmenu_contents"> <div class="mainmenu_contents_items"> <a class="menuitem" href="https://store.steampowered.com/login/?redir=labs%2Fmicrotrailers%3Fsnr%3D1_2500_4_&redir_ssl=1&snr=1_2500_2502__global-header"> Login </a> <a class="menuitem supernav supernav_active" href="https://store.steampowered.com/?snr=1_2500_2502__global-responsive-menu" data-tooltip-type="selector" data-tooltip-content=".submenu_Store"> Store </a> <div class="submenu_Store" style="display: none;" data-submenuid="Store"> <a class="submenuitem" href="https://store.steampowered.com/?snr=1_2500_2502__global-responsive-menu"> Home </a> <a class="submenuitem" href="https://store.steampowered.com/explore/?snr=1_2500_2502__global-responsive-menu"> Discovery Queue </a> <a class="submenuitem" href="https://steamcommunity.com/my/wishlist/"> Wishlist </a> <a class="submenuitem" href="https://store.steampowered.com/points/shop/?snr=1_2500_2502__global-responsive-menu"> Points Shop </a> <a class="submenuitem" href="https://store.steampowered.com/news/?snr=1_2500_2502__global-responsive-menu"> News </a> <a class="submenuitem" href="https://store.steampowered.com/stats/?snr=1_2500_2502__global-responsive-menu"> Stats </a> </div> <a class="menuitem supernav" href="https://steamcommunity.com/" data-tooltip-type="selector" data-tooltip-content=".submenu_Community"> Community </a> <div class="submenu_Community" style="display: none;" data-submenuid="Community"> <a class="submenuitem" href="https://steamcommunity.com/"> Home </a> <a class="submenuitem" href="https://steamcommunity.com/discussions/"> Discussions </a> <a class="submenuitem" href="https://steamcommunity.com/workshop/"> Workshop </a> <a class="submenuitem" href="https://steamcommunity.com/market/"> Market </a> <a class="submenuitem" href="https://steamcommunity.com/?subsection=broadcasts"> Broadcasts </a> </div> <a class="menuitem " href="https://store.steampowered.com/about/?snr=1_2500_2502__global-responsive-menu"> About </a> <a class="menuitem " href="https://help.steampowered.com/en/"> Support </a> <div class="minor_menu_items"> <div class="menuitem change_language_action"> Change language </div> <a class="menuitem" href="https://store.steampowered.com/mobile" target="_blank" rel="noreferrer">Get the Steam Mobile App</a> <div class="menuitem" onclick="Responsive_RequestDesktopView();"> View desktop website </div> </div> </div> <div class="mainmenu_footer_spacer "></div> <div class="mainmenu_footer"> <div class="mainmenu_footer_logo"><img src="https://store.fastly.steamstatic.com/public/shared/images/responsive/logo_valve_footer.png"></div> © Valve Corporation. All rights reserved. All trademarks are property of their respective owners in the US and other countries. <span class="mainmenu_valve_links"> <a href="https://store.steampowered.com/privacy_agreement/?snr=1_2500_2502__global-responsive-menu" target="_blank">Privacy Policy</a>  |  <a href="http://www.valvesoftware.com/legal.htm" target="_blank">Legal</a>  |  <a href="https://store.steampowered.com/subscriber_agreement/?snr=1_2500_2502__global-responsive-menu" target="_blank">Steam Subscriber Agreement</a>  |  <a href="https://store.steampowered.com/steam_refunds/?snr=1_2500_2502__global-responsive-menu" target="_blank">Refunds</a> </span> </div> </div> </div> </div> <div class="responsive_local_menu_tab"></div> <div class="responsive_page_menu_ctn localmenu"> <div class="responsive_page_menu" id="responsive_page_local_menu" data-panel="{"onOptionsActionDescription":"Filter","onOptionsButton":"Responsive_ToggleLocalMenu()","onCancelButton":"Responsive_ToggleLocalMenu()"}"> <div class="localmenu_content" data-panel="{"maintainY":true,"bFocusRingRoot":true,"flow-children":"column"}"> </div> </div> </div> <div class="responsive_header"> <div class="responsive_header_content"> <div id="responsive_menu_logo"> <img src="https://store.fastly.steamstatic.com/public/shared/images/responsive/header_menu_hamburger.png" height="100%"> </div> <div class="responsive_header_logo"> <a href="https://store.steampowered.com/?snr=1_2500_2502__global-responsive-menu"> <img src="https://store.fastly.steamstatic.com/public/shared/images/responsive/header_logo.png" height="36" border="0" alt="STEAM"> </a> </div> </div> </div> <div class="responsive_page_content_overlay"> </div> <div class="responsive_fixonscroll_ctn nonresponsive_hidden "> </div> <div class="responsive_page_content"> <div role="banner" id="global_header" data-panel="{"flow-children":"row"}"> <div class="content"> <div class="logo"> <span id="logo_holder"> <a href="https://store.steampowered.com/?snr=1_2500_2502__global-header" aria-label="Link to the Steam Homepage"> <img src="https://store.fastly.steamstatic.com/public/shared/images/header/logo_steam.svg?t=962016" width="176" height="44" alt="Link to the Steam Homepage"> </a> </span> </div> <div role="navigation" class="supernav_container" aria-label="Global Menu"> <a class="menuitem supernav supernav_active" href="https://store.steampowered.com/?snr=1_2500_2502__global-header" data-tooltip-type="selector" data-tooltip-content=".submenu_Store"> STORE </a> <div class="submenu_Store" style="display: none;" data-submenuid="Store"> <a class="submenuitem" href="https://store.steampowered.com/?snr=1_2500_2502__global-header"> Home </a> <a class="submenuitem" href="https://store.steampowered.com/explore/?snr=1_2500_2502__global-header"> Discovery Queue </a> <a class="submenuitem" href="https://steamcommunity.com/my/wishlist/"> Wishlist </a> <a class="submenuitem" href="https://store.steampowered.com/points/shop/?snr=1_2500_2502__global-header"> Points Shop </a> <a class="submenuitem" href="https://store.steampowered.com/news/?snr=1_2500_2502__global-header"> News </a> <a class="submenuitem" href="https://store.steampowered.com/stats/?snr=1_2500_2502__global-header"> Stats </a> </div> <a class="menuitem supernav" href="https://steamcommunity.com/" data-tooltip-type="selector" data-tooltip-content=".submenu_Community"> COMMUNITY </a> <div class="submenu_Community" style="display: none;" data-submenuid="Community"> <a class="submenuitem" href="https://steamcommunity.com/"> Home </a> <a class="submenuitem" href="https://steamcommunity.com/discussions/"> Discussions </a> <a class="submenuitem" href="https://steamcommunity.com/workshop/"> Workshop </a> <a class="submenuitem" href="https://steamcommunity.com/market/"> Market </a> <a class="submenuitem" href="https://steamcommunity.com/?subsection=broadcasts"> Broadcasts </a> </div> <a class="menuitem " href="https://store.steampowered.com/about/?snr=1_2500_2502__global-header"> About </a> <a class="menuitem " href="https://help.steampowered.com/en/"> SUPPORT </a> </div> <script type="text/javascript"> jQuery(function($) { $('#global_header .supernav').v_tooltip({'location':'bottom', 'destroyWhenDone': false, 'tooltipClass': 'supernav_content', 'offsetY':-6, 'offsetX': 1, 'horizontalSnap': 4, 'tooltipParent': '#global_header .supernav_container', 'correctForScreenSize': false}); }); </script> <div id="global_actions"> <div role="navigation" id="global_action_menu" aria-label="Account Menu"> <a class="header_installsteam_btn header_installsteam_btn_green" href="https://store.steampowered.com/about/?snr=1_2500_2502__global-header"> <div class="header_installsteam_btn_content"> Install Steam </div> </a> <a class="global_action_link" href="https://store.steampowered.com/login/?redir=labs%2Fmicrotrailers%3Fsnr%3D1_2500_4_&redir_ssl=1&snr=1_2500_2502__global-header">login</a>  |  <span class="pulldown global_action_link" id="language_pulldown" onclick="ShowMenu( this, 'language_dropdown', 'right' );">language</span> <div class="popup_block_new" id="language_dropdown" style="display: none;"> <div class="popup_body popup_menu"> <a class="popup_menu_item tight" href="?l=schinese&snr=1_2500_4_" onclick="ChangeLanguage( 'schinese' ); return false;">简体中文 (Simplified Chinese)</a> <a class="popup_menu_item tight" href="?l=tchinese&snr=1_2500_4_" onclick="ChangeLanguage( 'tchinese' ); return false;">繁體中文 (Traditional Chinese)</a> <a class="popup_menu_item tight" href="?l=japanese&snr=1_2500_4_" onclick="ChangeLanguage( 'japanese' ); return false;">日本語 (Japanese)</a> <a class="popup_menu_item tight" href="?l=koreana&snr=1_2500_4_" onclick="ChangeLanguage( 'koreana' ); return false;">한국어 (Korean)</a> <a class="popup_menu_item tight" href="?l=thai&snr=1_2500_4_" onclick="ChangeLanguage( 'thai' ); return false;">ไทย (Thai)</a> <a class="popup_menu_item tight" href="?l=bulgarian&snr=1_2500_4_" onclick="ChangeLanguage( 'bulgarian' ); return false;">Български (Bulgarian)</a> <a class="popup_menu_item tight" href="?l=czech&snr=1_2500_4_" onclick="ChangeLanguage( 'czech' ); return false;">Čeština (Czech)</a> <a class="popup_menu_item tight" href="?l=danish&snr=1_2500_4_" onclick="ChangeLanguage( 'danish' ); return false;">Dansk (Danish)</a> <a class="popup_menu_item tight" href="?l=german&snr=1_2500_4_" onclick="ChangeLanguage( 'german' ); return false;">Deutsch (German)</a> <a class="popup_menu_item tight" href="?l=spanish&snr=1_2500_4_" onclick="ChangeLanguage( 'spanish' ); return false;">Español - España (Spanish - Spain)</a> <a class="popup_menu_item tight" href="?l=latam&snr=1_2500_4_" onclick="ChangeLanguage( 'latam' ); return false;">Español - Latinoamérica (Spanish - Latin America)</a> <a class="popup_menu_item tight" href="?l=greek&snr=1_2500_4_" onclick="ChangeLanguage( 'greek' ); return false;">Ελληνικά (Greek)</a> <a class="popup_menu_item tight" href="?l=french&snr=1_2500_4_" onclick="ChangeLanguage( 'french' ); return false;">Français (French)</a> <a class="popup_menu_item tight" href="?l=italian&snr=1_2500_4_" onclick="ChangeLanguage( 'italian' ); return false;">Italiano (Italian)</a> <a class="popup_menu_item tight" href="?l=indonesian&snr=1_2500_4_" onclick="ChangeLanguage( 'indonesian' ); return false;">Bahasa Indonesia (Indonesian)</a> <a class="popup_menu_item tight" href="?l=hungarian&snr=1_2500_4_" onclick="ChangeLanguage( 'hungarian' ); return false;">Magyar (Hungarian)</a> <a class="popup_menu_item tight" href="?l=dutch&snr=1_2500_4_" onclick="ChangeLanguage( 'dutch' ); return false;">Nederlands (Dutch)</a> <a class="popup_menu_item tight" href="?l=norwegian&snr=1_2500_4_" onclick="ChangeLanguage( 'norwegian' ); return false;">Norsk (Norwegian)</a> <a class="popup_menu_item tight" href="?l=polish&snr=1_2500_4_" onclick="ChangeLanguage( 'polish' ); return false;">Polski (Polish)</a> <a class="popup_menu_item tight" href="?l=portuguese&snr=1_2500_4_" onclick="ChangeLanguage( 'portuguese' ); return false;">Português (Portuguese - Portugal)</a> <a class="popup_menu_item tight" href="?l=brazilian&snr=1_2500_4_" onclick="ChangeLanguage( 'brazilian' ); return false;">Português - Brasil (Portuguese - Brazil)</a> <a class="popup_menu_item tight" href="?l=romanian&snr=1_2500_4_" onclick="ChangeLanguage( 'romanian' ); return false;">Română (Romanian)</a> <a class="popup_menu_item tight" href="?l=russian&snr=1_2500_4_" onclick="ChangeLanguage( 'russian' ); return false;">Русский (Russian)</a> <a class="popup_menu_item tight" href="?l=finnish&snr=1_2500_4_" onclick="ChangeLanguage( 'finnish' ); return false;">Suomi (Finnish)</a> <a class="popup_menu_item tight" href="?l=swedish&snr=1_2500_4_" onclick="ChangeLanguage( 'swedish' ); return false;">Svenska (Swedish)</a> <a class="popup_menu_item tight" href="?l=turkish&snr=1_2500_4_" onclick="ChangeLanguage( 'turkish' ); return false;">Türkçe (Turkish)</a> <a class="popup_menu_item tight" href="?l=vietnamese&snr=1_2500_4_" onclick="ChangeLanguage( 'vietnamese' ); return false;">Tiếng Việt (Vietnamese)</a> <a class="popup_menu_item tight" href="?l=ukrainian&snr=1_2500_4_" onclick="ChangeLanguage( 'ukrainian' ); return false;">Українська (Ukrainian)</a> <a class="popup_menu_item tight" href="https://www.valvesoftware.com/en/contact?contact-person=Translation%20Team%20Feedback" target="_blank">Report a translation problem</a> </div> </div> </div> </div> </div> </div> <div id="responsive_store_nav_ctn"></div><div id="responsive_store_nav_overlay" style="display:none"><div id="responsive_store_nav_overlay_ctn"></div><div id="responsive_store_nav_overlay_bottom"></div></div><div id="responsive_store_search_overlay" style="display:none"></div><div data-cart-banner-spot="1"></div> <div role="main" class="responsive_page_template_content" id="responsive_page_template_content" data-panel="{"autoFocus":true}" > <div id="application_config" style="display: none;" data-config="{"EUNIVERSE":1,"WEB_UNIVERSE":"public","LANGUAGE":"english","COUNTRY":"SG","MEDIA_CDN_COMMUNITY_URL":"https:\/\/cdn.fastly.steamstatic.com\/steamcommunity\/public\/","MEDIA_CDN_URL":"https:\/\/cdn.fastly.steamstatic.com\/","VIDEO_CDN_URL":"https:\/\/video.fastly.steamstatic.com\/","COMMUNITY_CDN_URL":"https:\/\/community.fastly.steamstatic.com\/","COMMUNITY_CDN_ASSET_URL":"https:\/\/cdn.fastly.steamstatic.com\/steamcommunity\/public\/assets\/","STORE_CDN_URL":"https:\/\/store.fastly.steamstatic.com\/","PUBLIC_SHARED_URL":"https:\/\/store.fastly.steamstatic.com\/public\/shared\/","COMMUNITY_BASE_URL":"https:\/\/steamcommunity.com\/","CHAT_BASE_URL":"https:\/\/steamcommunity.com\/","STORE_BASE_URL":"https:\/\/store.steampowered.com\/","STORE_CHECKOUT_BASE_URL":"https:\/\/checkout.steampowered.com\/","IMG_URL":"https:\/\/store.fastly.steamstatic.com\/public\/images\/","STEAMTV_BASE_URL":"https:\/\/steam.tv\/","HELP_BASE_URL":"https:\/\/help.steampowered.com\/","PARTNER_BASE_URL":"https:\/\/partner.steamgames.com\/","STATS_BASE_URL":"https:\/\/partner.steampowered.com\/","INTERNAL_STATS_BASE_URL":"https:\/\/steamstats.valve.org\/","IN_CLIENT":false,"USE_POPUPS":false,"STORE_ICON_BASE_URL":"https:\/\/shared.fastly.steamstatic.com\/store_item_assets\/steam\/apps\/","STORE_ITEM_BASE_URL":"https:\/\/shared.fastly.steamstatic.com\/store_item_assets\/","WEBAPI_BASE_URL":"https:\/\/api.steampowered.com\/","TOKEN_URL":"https:\/\/store.steampowered.com\/\/chat\/clientjstoken","BUILD_TIMESTAMP":1740609816,"PAGE_TIMESTAMP":1740642495,"IN_TENFOOT":false,"IN_GAMEPADUI":false,"IN_CHROMEOS":false,"IN_MOBILE_WEBVIEW":false,"PLATFORM":"windows","BASE_URL_STORE_CDN_ASSETS":"https:\/\/cdn.fastly.steamstatic.com\/store\/","EREALM":1,"LOGIN_BASE_URL":"https:\/\/login.steampowered.com\/","AVATAR_BASE_URL":"https:\/\/avatars.fastly.steamstatic.com\/","FROM_WEB":true,"WEBSITE_ID":"Store","BASE_URL_SHARED_CDN":"https:\/\/shared.fastly.steamstatic.com\/","CLAN_CDN_ASSET_URL":"https:\/\/clan.fastly.steamstatic.com\/","SNR":"1_2500_2502_"}" data-userinfo="{"logged_in":false,"country_code":"SG"}" data-broadcastuser="{"success":1,"bHideStoreBroadcast":false}" data-store_user_config="{"webapi_token":"","shoppingcart":null,"originating_navdata":{"domain":"store.steampowered.com","controller":"labs","method":"default","submethod":"","feature":"","depth":0,"countrycode":"SG","webkey":null,"is_client":false,"curator_data":null,"is_likely_bot":false,"is_utm":false}}"></div><div id="application_root"></div><script>window.g_wapit="";</script><link href="https://store.fastly.steamstatic.com/public/css/applications/store/main.css?v=NcVHAxYfO4tP&l=english&_cdn=fastly" rel="stylesheet" type="text/css"> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/applications/store/manifest.js?v=6G9vm74MMAbA&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/applications/store/libraries~b28b7af69.js?v=vNpZeOuePA4R&l=english&_cdn=fastly"></script> <script type="text/javascript" src="https://store.fastly.steamstatic.com/public/javascript/applications/store/main.js?v=gbmXMiA9p658&l=english&_cdn=fastly"></script> <script type="text/javascript"> var g_AccountID = 0; var g_sessionID = "53fb73a4011ec8aa4a13fa41"; var g_ServerTime = 1740642495; var g_bUseNewCartAPI = true; $J( InitMiniprofileHovers( 'https%3A%2F%2Fstore.steampowered.com%2F' ) ); GStoreItemData.AddNavParams({ __page_default: "1_2500_2502_", __page_default_obj: {"domain":"store.steampowered.com","controller":"labs","method":"microtrailers","submethod":"","feature":null,"depth":null,"countrycode":"SG","webkey":null,"is_client":false,"curator_data":null,"is_likely_bot":false,"is_utm":null}, __originating_obj: {"domain":"store.steampowered.com","controller":"labs","method":"default","submethod":"","feature":"","depth":0,"countrycode":"SG","webkey":null,"is_client":false,"curator_data":null,"is_likely_bot":false,"is_utm":false}, storemenu_recommendedtags: "1_2500_2502__17" }); GDynamicStore.Init( 0, false, "", {"primary_language":null,"secondary_languages":null,"platform_windows":null,"platform_mac":null,"platform_linux":null,"timestamp_updated":null,"hide_store_broadcast":null,"review_score_preference":null,"timestamp_content_descriptor_preferences_updated":null,"provide_deck_feedback":null,"additional_languages":null}, 'SG', {"bNoDefaultDescriptors":false} ); GStoreItemData.SetCurrencyFormatter( function( nValueInCents, bWholeUnitsOnly ) { var fmt = function( nValueInCents, bWholeUnitsOnly ) { var format = v_numberformat( nValueInCents / 100, bWholeUnitsOnly ? 0 : 2, ".", ","); return format; };var strNegativeSymbol = ''; if ( nValueInCents < 0 ) { strNegativeSymbol = '-'; nValueInCents = -nValueInCents; }return strNegativeSymbol + "S$" + fmt( nValueInCents, bWholeUnitsOnly );} ); GStoreItemData.SetCurrencyMinPriceIncrement( 1 ); </script> <div class="page_content_ctn labs"> <div class="page_content_1024"> <div class="labs_nav_ctn"> <div class="labs_top_menu_item"> <a href="https://store.steampowered.com/labs?snr=1_2500_2502_">Steam Labs</a> </div> <div class="labs_top_menu_item"> <a href="https://store.steampowered.com/labs/microtrailers?snr=1_2500_2502_">Micro Trailers Home</a> </div> <div class="labs_top_menu_item"> <a href="https://steamcommunity.com/groups/SteamLabs/discussions/0/" target="_blank">Discussions</a> </div> </div> <div class="experiment-title-area"> <div class="experiment-number">Experiment 001 </div> <div class="experiment-page-title">Micro Trailers </div> </div> <div class="microtrailers_content"> <h1>What if you could absorb every game on Steam in just moments?</h1> <p> Hundreds of new games launch on Steam every month. Are you missing something? <b>What are you missing?</b> This type of anxiety can be maddening! What if you could absorb a couple dozen RPGs or a hundred of the latest titles over your lunch break? Here's our attempt to offer just that, in multiple flavors. </p> <div class="microtrailers_flavor_container"> <h1 id="microtrailer_flavor">New for October - The Micro Trailer Feed</h1> <div class="microtrailers_grid_item_october" style="margin: 10px auto; width: 950px; overflow:hidden; text-align: center; border-radius: 4px; box-shadow: 4px 4px 10px rgba(0,0,0,0.7);"> <a href="microtrailers?flavor=single_column&snr=1_2500_2502_"> <img src="https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/microtrailers_update_3.jpg" width="950"> </a> </div> <div> <p> Micro Trailers Update #3 introduces a single-column social media style feed with big, fat videos for each game. <a href="microtrailers?flavor=single_column&snr=1_2500_2502_">Try it out!</a> </p> </div> </div> <div class="microtrailers_flavor_container"> <h1 id="microtrailer_flavor">New for September - Micro Trailers for All!</h1> <div class="microtrailers_grid_item_september" style="margin: 10px auto; width: 950px; overflow:hidden; text-align: center; border-radius: 4px; box-shadow: 4px 4px 10px rgba(0,0,0,0.7);"> <a href="microtrailers?flavor=tagtest&snr=1_2500_2502_"> <video width="950" loop preload muted autoplay> <source src="https://cdn.fastly.steamstatic.com/store/labs/microtrailers/video/microtrailers_update_2.webm?v=3"> <source src="https://cdn.fastly.steamstatic.com/store/labs/microtrailers/video/microtrailers_update_2.mp4?v=3"> </video> </a> </div> <div> <p> You can now peruse micro trailers for every game on the Steam Store, categorized into nearly 400 tags. <a href="microtrailers?flavor=tagtest&snr=1_2500_2502_">Try it out!</a> </p> </div> </div> <div class="microtrailers_flavor_container"> <h1 id="microtrailer_flavor">Classic Micro Trailers</h1> <p>Click a category, then hover your mouse over a game to set its trailer in motion:</p> <div class="microtrailers_grid"> <div class="options_row"> <a href="microtrailers?flavor=popular_new&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_popular_new_games.jpg');"> Popular New Games </div> </a> <a href="microtrailers?flavor=fire_hose_roguelike_3_pages&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_roguelikes.jpg');"> Roguelikes </div> </a> <a href="microtrailers?flavor=fire_hose_adventure_3_pages&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_adventure.jpg');"> Adventure Games </div> </a> <a href="microtrailers?flavor=fire_hose_dragons_3_pages&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_dragons.jpg');"> Dragons </div> </a> </div> <div class="options_row"> <a href="microtrailers?flavor=physics_tag_original&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_physics_tag_original.jpg');"> Physics Games </div> </a> <a href="microtrailers?flavor=godgame_tag_original&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_godgame_tag_original.jpg');"> God Games </div> </a> <a href="microtrailers?flavor=voxel_tag_original&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_voxel_tag_original.jpg');"> Voxel Games </div> </a> </div> </div> </div> <div class="microtrailers_flavor_container"> <h1 id="microtrailer_flavor">Play an Entire Row</h1> <p>Crave more on-screen action than just one micro trailer at a time? Hover your mouse over a row and the whole thing will start playing:</p> <div class="microtrailers_grid"> <a href="microtrailers?flavor=fire_hose_building_3_pages&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_building.jpg');"> Builders </div> </a> <a href="microtrailers?flavor=vn_3_pages&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_vn.jpg');"> Visual Novels </div> </a> <a href="microtrailers?flavor=imb_single&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_imb.jpg');"> Curator: Indie MEGABOOTH </div> </a> </div> </div> <div class="microtrailers_flavor_container"> <h1 id="microtrailer_flavor">Scroll to Play</h1> <p>This will automatically play videos as you scroll down the page:</p> <div class="microtrailers_grid"> <a href="microtrailers?flavor=fire_hose_rpg_3_pages&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_rpg.jpg');"> Role Playing Games </div> </a> <a href="microtrailers?flavor=survival_3_pages&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_survival.jpg');"> Survival Games </div> </a> </div> </div> <div class="microtrailers_flavor_container"> <h1 id="microtrailer_flavor">The Big Quad Videos</h1> <p>Here, each micro trailer is a big 2x2 grid of smaller clips taken from various points in the original trailer:</p> <div class="microtrailers_grid"> <a href="microtrailers?flavor=curator_pcgamer&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_pcg.jpg');"> Curator: PC Gamer </div> </a> <a href="microtrailers?flavor=popular_new_quad&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_popular_new_games.jpg');"> Popular New Games </div> </a> <a href="microtrailers?flavor=curator_rps&snr=1_2500_2502_"> <div class="microtrailers_grid_item" style="background-image: url('https://cdn.fastly.steamstatic.com/store/labs/microtrailers/images/flavor_rps.jpg');"> Curator: Rock Paper Shotgun </div> </a> </div> </div> <h1>What Else?</h1> <p> If you haven't seen the other experiments yet: <a href="https://store.steampowered.com/labs?snr=1_2500_2502_">check out the rest of Steam Labs here!</a> </p> </div> </div> </div> <script> var scroll_drag_position = 0; $J(document).ready(function() { var video_single_column = $J('.video_single_column'); var video_triple_column = $J('.video_300x168_auto'); var video_tagtest = $J('.video_tagtest_auto'); var video_single_column_autoplay = $J('.video_single_column_autoplay'); // Autoplay on scroll: function checkMedia() { var scroll_margin = 100; var scrollTop = $J(window).scrollTop() + scroll_margin; var scrollBottom = $J(window).scrollTop() + $J(window).height() - scroll_margin; video_single_column.each(function(index, el) { var yTopMedia = $J(this).offset().top; var yBottomMedia = $J(this).height() + yTopMedia; if(scrollTop < yBottomMedia && scrollBottom > yTopMedia) { // Handle DOMException: $J(this).addClass( 'with_microtrailer' ); playPromise = $J(this).get(0).play(); if ( playPromise ) { playPromise.catch( function( e ) { $J(this).removeClass( 'with_microtrailer' ); } ); } } else { $J(this).get(0).pause(); } }); // var scrollMiddle = $J(window).scrollTop() + $J(window).height()/2; var scrollMiddle = $J(window).scrollTop() + 300; scrollTop = scrollMiddle-35; scrollBottom = scrollMiddle+35; // Why would I repeat code? So // that I have something to do // when comes refactoring time! // Programmers, unite! video_triple_column.each(function(index, el) { var yTopMedia = $J(this).offset().top; var yBottomMedia = $J(this).height() + yTopMedia; if(scrollTop < yBottomMedia && scrollBottom > yTopMedia) { // Handle DOMException: $J(this).addClass( 'with_microtrailer' ); playPromise = $J(this).get(0).play(); if ( playPromise ) { playPromise.catch( function( e ) { $J(this).removeClass( 'with_microtrailer' ); } ); } $J(this).parent().parent().css({"box-shadow": "0px 0px 13px 5px rgba(255,255,255,0.75)"}); } else { $J(this).get(0).pause(); $J(this).parent().parent().css({"box-shadow": "none"}); } }); // For Tag Test: video_tagtest.each(function(index, el) { // Play only when video is on-screen (plus a margin): var tagtest_margin = 300; var scrollTop = $J(window).scrollTop() - tagtest_margin; var scrollBottom = $J(window).scrollTop() + $J(window).height() + tagtest_margin; var yTopMedia = $J(this).offset().top; var yBottomMedia = $J(this).height() + yTopMedia; if(scrollTop < yBottomMedia && scrollBottom > yTopMedia) { // Handle DOMException: $J(this).addClass( 'with_microtrailer' ); playPromise = $J(this).get(0).play(); if ( playPromise ) { playPromise.catch( function( e ) { $J(this).removeClass( 'with_microtrailer' ); } ); } } else { $J(this).get(0).pause(); } }); } // Start auto-play immediately, then register with scroller: checkMedia(); $J(document).on('scroll', checkMedia); // Handle MicroTrailer play-on-row-hover: $J('.video_row_play').hover( function () { $J(this).css({"box-shadow": "0px 0px 8px 5px rgba(255,255,255,0.5) inset"}); $J(this).find(".video_300x168_nohover").each( function() { // Handle DOMException: $J(this).addClass( 'with_microtrailer' ); playPromise = $J(this).get(0).play(); if ( playPromise ) { playPromise.catch( function( e ) { $J(this).removeClass( 'with_microtrailer' ); } ); } if($J(this).css("opacity") == 0) { $J(this).animate({opacity: 1.0}, 500); } } ); }, function () { $J(this).css({"box-shadow": "none"}); $J(this).find(".video_300x168_nohover").each( function() { $J(this).get(0).pause(); } ); } ); // Handle MicroTrailer play-on-hover: $J('.video_300x168').hover( function () { $J(this).addClass( 'with_microtrailer' ); playPromise = $J(this).get(0).play(); if ( playPromise ) { playPromise.catch( function( e ) { $J(this).removeClass( 'with_microtrailer' ); } ); } $J(this).parent().parent().css({"box-shadow": "0 0 8px 2px #c6d4df"}); if($J(this).css("opacity") == 0) { $J(this).animate({opacity: 1.0}, 500); } }, function () { $J(this).parent().parent().css({"box-shadow": "none"}); $J(this).get(0).pause(); } ); }); </script> </div>  <div id="footer_spacer" style="" class=""></div> <div id="footer" role="contentinfo" class=""> <div class="footer_content"> <div class="rule"></div> <div id="footer_logo_steam"><img src="https://store.fastly.steamstatic.com/public/images/v6/logo_steam_footer.png" alt="Valve Software" border="0" /></div> <div id="footer_logo"><a href="http://www.valvesoftware.com" target="_blank" rel=""><img src="https://store.fastly.steamstatic.com/public/images/footerLogo_valve_new.png" alt="Valve Software" border="0" /></a></div> <div id="footer_text" data-panel="{"flow-children":"row"}" > <div>© 2025 Valve Corporation. All rights reserved. All trademarks are property of their respective owners in the US and other countries.</div> <div>VAT included in all prices where applicable.   <a href="https://store.steampowered.com/privacy_agreement/?snr=1_44_44_" target="_blank" rel="">Privacy Policy</a>   <span aria-hidden="true">|</span>   <a href="https://store.steampowered.com/legal/?snr=1_44_44_" target="_blank" rel="">Legal</a>   <span aria-hidden="true">|</span>   <a href="https://store.steampowered.com/subscriber_agreement/?snr=1_44_44_" target="_blank" rel="">Steam Subscriber Agreement</a>   <span aria-hidden="true">|</span>   <a href="https://store.steampowered.com/steam_refunds/?snr=1_44_44_" target="_blank" rel="">Refunds</a>   <span aria-hidden="true">|</span>   <a href="https://store.steampowered.com/account/cookiepreferences/?snr=1_44_44_" target="_blank" rel="">Cookies</a> </div> <div class="responsive_optin_link"> <div class="btn_medium btnv6_grey_black" onclick="Responsive_RequestMobileView()"> <span>View mobile website</span> </div> </div> </div> <div style="clear: left;"></div> <br> <div class="rule"></div> <div class="valve_links" data-panel="{"flow-children":"row"}" > <a href="http://www.valvesoftware.com/about" target="_blank" rel="">About Valve</a>   <span aria-hidden="true">|</span>  <a href="http://www.valvesoftware.com" target="_blank" rel="">Jobs</a>   <span aria-hidden="true">|</span>  <a href="http://www.steampowered.com/steamworks/" target="_blank" rel="">Steamworks</a>   <span aria-hidden="true">|</span>  <a href="https://partner.steamgames.com/steamdirect" target="_blank" rel="">Steam Distribution</a>   <span aria-hidden="true">|</span>  <a href="https://help.steampowered.com/en/?snr=1_44_44_">Support</a>   <span aria-hidden="true">|</span>  <a href="https://store.steampowered.com/digitalgiftcards/?snr=1_44_44_" target="_blank" rel="">Gift Cards</a>   <span aria-hidden="true">|</span>  <a href="https://steamcommunity.com/linkfilter/?u=http%3A%2F%2Fwww.facebook.com%2FSteam" target="_blank" rel=" noopener"><img src="https://store.fastly.steamstatic.com/public/images/ico/ico_facebook.png" alt="Facebook: Steam"></a>   <span aria-hidden="true">|</span>  <a href="http://twitter.com/steam" target="_blank" rel=""><img src="https://store.fastly.steamstatic.com/public/images/ico/ico_twitter.png" alt="X: @Steam"></a>   <span aria-hidden="true">|</span>  <a href="https://steamcommunity.com/linkfilter/?u=https%3A%2F%2Fbsky.app%2Fprofile%2Fsteampowered.com" target="_blank" rel=" noopener"><img src="https://store.fastly.steamstatic.com/public/images/ico/ico_bsky.png" alt="Bluesky: Steampowered"></a> </div> <div class="extra_space"></div> </div> </div> </div>  </div>  </body> </html>

CINXE.COM

Steam Labs - Micro Trailers