There are three general style of video library available: tabs, carousel and grid. Each can be fully customized by making changes to the micro-template.
Tabs layout
View code e94b74cef18e9c230c04353af52936d52b780620d6554a95d4fe4336ca193dba7fbf9a1dfda258c55072e455f48c4577f446da20fa0015e761c07f2a74678873e03028284fd8ef85bff21c19180d2bd5ce4f180cc035d470bc0876355c9d2deb67626b310554ab712268da0db138f33c1f2a268f027cc064a1cefe1407b91d164b59defc92277dc4a74a4881e85970c7f633bc8960cf3540a144a230d4e99604ae2bf1dd485de2ef21317a976eadecb2466205a9938a55eb5272f418dc9bbef5dd8910a895c9b81de8c86b131290eb3f142e2ef22e9f6279cea6a91ed022bac5bd6f0733d006bbf84d8a6c559e1777a9cddcb3aa2d895683c701833a1e8b46b44e5adc21cb9d139fdaa40f33c7b35b3507b0bbce8b800a767ec25e397b76afcb9429f5c533d2bed569e8d8055f3b9e52a5aa8e67c466b26879c941a31bc5e2ceae93677a20854331a7551ade285945dee50b69b54de5e6c341755b6d23513b3bd3ae782e84f39c77b28c290f584aef97221f0658f89508a946c6227a8db220aaa59b868f42f96ef4d2cedf5f7a9f2095a576c2a8dd9f51b97cdd8f23d48d91db54efa1510b7b98518ccfbe484f49d182b3e5a1432083110b29cfa5a78d899039a8678fa183febc5f60aac55035db41bd73d154cb15bc1aae871e988e194089fc93721e05f36fef6aa784f8d6037c09a698d5cec4bc750f88972cbc0387ce55a02309fbd09812e3a38a402da77b47813b1393aa53d5ecbd3ddf97737ba9582dccd7fcdca1d95fbadb4460e33992be39bc823f225028b8a164a014bd585f7c1c554c800be07d5a14b0a3b831b75331e268fd09c02d0a9854fe1aeebfe9e56ba5a5b85540e60f48eb8d66a7d422072719cd44d8666089ebddad900a99d3dd68524946b9b2691f9738c6396f0f52157fdbf860ca5f8212d4fc7e23a8c78e4965968eb4a9d7bdf5066c8c38bfb7008dda173becc048cddde076e734eb673791ac1c69dc41bc72ca33b3689471f6161ffcac7b4aa7d8f35f7284bc5fd8fd542f2f4de228672b24cbf372adf2dcfa55380e697f19e9b493fa3160d181e2e0a8899267f36e9f9e35525434f416084e09150892c0d9ccab5cf033557cde3b9c31e462579ac3a149a118daedf5d1d9541077eeaa6bd5ef55474747f4796daddec648e69a516928a03803e26c2c4b4a5b6891d49be782586405dd868df123e4d4caff49aba3592ec9dc4806d7a704e6098dbaeb7621061a9e77227c1ab80f1e8cbf6da352406f1c3bd7ec2b8171cbbfe5488ddb4cda2118f368dbc8e67b488c219f95c5cc11058f3bf0e80323270d3656d51b4c24070d9c35b5890d0bf66560508698b8fbd3c7a4261a83a4e594e79015fdce5660a4d6854cda85b5fe680a95662b5be37419e34540af8b9f5af03d1aa1b971ae51b9120fb03ede333a62aacd604e7a59b83e578f1f84878e33bd870a2700dca45d398344fb521672e42dff8d5517b6e9995ebe40e9f7797651a1b3122a48f045bc1f9eb3857c7b6b854f4cd8a7ada7df167a7773acae3c370c110eae25166e059ecf7fbf7192315bf0177836a495d52dd7d24ec916d2b6bc0b36803fa1cc12719ff1220c8b076ead3c4801d8b5a9edd66443b4ef0e275f0e0411c026edf18c7fe8245f106d8ad21336b274d410ba7dd1133661b6794d68dcbc3ac33f4d13ff4c3c07ea28a09d6b10da4f27befab1566db30eba48ff94784a6dbda4c3313afbe47ee094c61e9d8b56462902933ffc1a0613b4f7ac94d6d899fa9804bf3248fa92090a16c5988ddaa7e2e45e600eae9cddd251ee20b6d2919f15c64d40314ea0f639a0201ac2277822352aef432d95067f3c9b0e26a4ea2202a9a18cb80aa6f9d90a5cd47e57d11835ec1f5e635d91b7c7df179e3a4bdd8c5e35cc3ee9d584ed8d68bb3ab034a1315b6beec5e28f3a13c2ed15a789bb32e6f17dc5fffdce0f2900d41d34e6f060ca3ba559d196a059763e73bead13eafc7ae82000ca10cef02ff64428944b5ea192b140ab0820ebccb8a974ebc95b5dbfd349cf17a635c2ad7494ba108c36748b7df418969f7e99bf2a7bea5bc71aaf9c1aab524812af9534a80f2d64530bd3db71005a9752aef138851d0134ab0d8f1e85ed04bf2b7be6418743532a48a891818c0649ef3e03b4a21a00e517135d8c0d64fde4ead0471773be63ee3b2804505764dd747fc0be460940b3409fa3b2a16b926687759f9166fa7f91f0ac96f8e7e48eeb3bc48e55c4b31e23c29656ef53015077dd8ab4d7f098f409f9c36a20044610925d85665c0dc04f75e10f46a21ccd4891f19aa266d4554d4470815f9546a7f3d0aa995a6caca08ed48b71d223174027567a5d8a64ebdbde32f6ab92781b309304465e358df0cbb6f18b753bbeb8ca1f708e937539852b0c2f224b9ab3c9214eb2bb7fc34b30a01c3574b14ecc65a11a2d2c21bf982bf004ef680a94d2c07a0510c5241d82341b6091bc4eba065cd724da60a992ff870065c2fdaaccfcc66e9fe4a9bc6a50832ba4c79538600f915b322bab1b7447561bd8e60cbaacf665874235171b7c5367906487258859a4759d4f97148c2cdeff8cac7679f1b9b2a4b5234d3369038c229cb94f6621c02356492379586d8c835a4cfb2eda627d4a134daa0d8c47278bbf86f6fef36f5d888365a6949bf77450123ca891c47bcaccf77dc89b1fdb1884c4052675eccb0fa67ce429211ee5b7bd6dd33867222a55e850d8d80272350616ce6280b5f8e54d2e8a69cf78d08d8945f0a4ca87445bc33fe51d5d94ce295e14e8e17e981bc34421addf08a0e23c3c970edfdd8ed464d5ccad0bd8bc2a71165ebd187d5695c3eb35e8d9463ba22de7843bf956facd8774c9e351aae638cd421d2ecde0bf78083e4afc6171963177d47787a18d2c7d2fbf1e4dc52f063346162bacd4cd635d25bc1381988a77084c3070d5b67fca67bb665efe400532dd08e210bb3a1602b5759df01cf0a9f82228a0ce976cc77176dd22985859f4c46c30cc6b80af2580264d5dc23361303fdbc55d7a4974c1bcc444d5a4eb295395bb73bca736405d0f98c537e6e09e006be182db1d1194471b5dbda91d80506f24189b2887972c837c7496b37010fea7129a18e4a8954412603243d775e9eaf35a6c768be76a32d4ec9ecff42ab35b4f6ca67ed151510e986db0360c4da455861a22c0a310a4f2ae8c1f84f09ee4febb68a12d3aedd78eb799b135cdfe865af31da3c9e508d4607767467a769b7cba44e417f57408ef6a5fb55e99396339148dbbc975b1b722d7d31f3aa0ba7dd15b2c3e19a27129b59075a9e95b49bfe0e513bce3904aae9118623c80041701a5b94480f0d3e5595cda10893abae9eab6d3076dfe71b2bccfe384b65f52f9aab75f71decb39380a8bef75cbb275739130291a11ece2af7b688d75620c75b23a42a7a283e79973820e810db36bb10007fb0495162468f8291f7d0d4b1175a2510feb6a211a3cd9fc9dc366c00ca71c66973f595aea30d24c1194a04d1594cf4a38582cec405f1ddd93d87154a81760d9b85b02bb7e07d9e2cb4a46f82ed79dffd1a251e41c9143d4a7e0e9c45a40fe365e02610df83dcae1bcbc3de719a7c7665d9c851dc7b0127bdc35d857960673b41d6cd57f1cc356104886a2366af2198f9d980bb86a1fd1a1682727fe4810d1e6dc11229acab62ad1aa34519fbaee964ff9e4159794e1355731232780c89fcb903ba48e01c700ae5c45d72cdbdbd7f2c43e1abc9f2b5c3bc2d149c008358652f86593a190dee39e8d24b28e03fc4cbf4f7fdb751a048d0ae5f8b6583b9faa6b9b36cb9227c1b7eeadfae362f9450283c2a553b00483e8390e4035b5fcca440c64f6a033798614b825f1446a18af9334200674983ec1ce5e76316c29fa6712cf9c2948c8c2bcdfefc5ed0deed8edc789b831c2e35b829081edd85711697e6bf57d9ad65403508d3503e5b26805181a6214d8f24227621a7e92f0fc4f8262aca2f7a83ed2ab80903e4136ce7386f047b02ff72d89039e334000f33f3f5bb845ddccacda83febb03dffc22f41209c9d5b60f2cb400a129126c9690edb2f13c86b001d2cf4a3cef22c0b43fee201f7fccfc2a0ee77c0e489ee6a69a61e79c842aa381196c76a4f30f1b8a3c8e0bc89f657c149274792813115fb49e9e77fd442caf0236f45d8fd145695be91e7527da24d540e2ade684f2caba71fee1eb1d609496e537ac4e6b39c32092ae8acc866ceba379ea0f90f28285636e05c6c701ef5c0ed755cd9bc29bebd60d793c8f29d88c2e83946c8f522ea47e7e890f640e1b353167b2a01b3b4468dad1e35287219adebd41e0a7f865d7542eaa1f91ea1ef89beb196511bd76de8d5f7fbbed264a2b2b9345c709134346f67f0377991cb741ae0a96b3a25916c3ca80dc81713bdae0eec2c91d8e6835b1cb2c64795ff52a9150bfd1c4f8baf83ef28e401fa6f5ceb6a074782628e836ddbf835b6cbfcb40406014c3996d247b41fb667180590fcd6a410b31c083e677638efb72d5a8c930996617fc15b297b17ff7ef6b737c81747a6c579b0287a2576c005620bd871ce3c73c19b936be693660c3fb5df83980066de03805953f274cbd7ef06d577138f07b4b612b38adf3b9cd29cf9d006c80d3991bec2e5ae104d553df2a3791be59569c4857972c846c29905b883ce8194d585de3de05e1cdb5d2275ba5d47d13df103365bca1f308ef9ec11e0c5b8ddd01eab0176a5f3401d4ebbb632117ee2bc931c8b60d84c13dd1f23dab723d91b4ff025e348c3d596d9b0a71148ac6a4a9b08c548ab1a24479097fe6a52e3c057bb846f67faf9a59d57909385e089b799527c4ff3b9853b43062341026b1ee23bb614d8076af25e58342e170ae23ed6b351ec286882508ca168dd54047d9649158435a6725f4f63bea4865eaedf7c5204dcfb843df276a0dfe068e8090677a245bea2b966726e0b65b8166f63f2b2e3efb9efdde5a46fd81bc586e7b2ace51de99ef9e75254f31d8c379edbee4f63e0f2794a13284ded0a913253a8af94916138c0054d915090feaafd348eb4aa109d173eabb4bcf2bce886bea484627b166020b863311b6f025e8afff49346118e05ebbc680b675ec3f8b2b406ad86976eb3711feca03e2232c6233636bb4e12e5dcc1d04c058e533ab47f6906631897cdc23422621b873a55f1d52aa7880ebbfc16baf730a5e814d49cc3f4121f4d23bab19e5ef66d219f1752c7af69fed6d8d13889f45a53961a1e64efb547d3175bf2c5e67e2ab0b2217880e375e469fff4b551e8d89b32d8db071186850f6194eb43c32e08766769484bb382166bf4635b5ab59d7286b9c6ddfa6d26eca61b3ffdd9fb888cc73be68b88ca8d6a063ba12c166cc0c509b505c88dfbea3c62497e234e5255be1949563c652cecf24cc494490059fb6ab3ed320940924a6fc1a5dc15d166aedec6998db0a08679c507993348bc86c296e19b60f90980aa2a129a568ead4e8913ec80ee3e9d1ca7ba4beb906acdf85927feb041be44ae3af6f6446491b2690868f1bd3c128677fe5c2e8de33ca6b612f5c1423da9bd0d3567ddfbb1f27e6a1889dc36524a34063ba581a2a1d6bff1f9aba31448245565332807f3305f6599970654dfc69d9bf439fa2713a3de274aa1cd2dfc2aec2a58badffeed3ad05c1b320e2d006198debb139b9503a80da3631147a3d302d7203fe65a4197136cfde1fba6a3607c028359c2189fed4e3b0abde4b66719d17c9cc1256b13ed3ca656d9733aa1443ce5971a8c9736ec32820d95927d8aeb682279b08a25c1940182749180521e9139464f76a6dd71d3c8574105a0e6c0e09fee03435794e782073b12e6a48638093e1545962e3431405cf17fdc251ce449ae780a40a629612b55787b93af0794deb05291a068ab3e125e3ab5b366a4a6b1014e68b561c586979edda015d502310204f0234f973addcf3e56cf221e57ee917100f3d9ef39ac211eb4831c5589abfcb3cb20450bbbc6a6fe121e1d24382ae7a9ccb234621d2123c05059b3eb9559aa0a4b74e2e3fe461474af9c8fc484517b6c90829637d0728c4c19c1ae8c0c2442f2c005a82e6628fdee3562d55060a178e93c40af5aff5b238bf118e5fe71599db4ddc6d1d72a394bd3b95b23857596a9810bf04257941e3886487e5731069272faf665600d8c473dcb54bd28a0f0ed193fd0b962601e753d7d8b1ead7b7199227bd7d442884fe9f3951aa2051bd94ba786df11c79c0a42359ffd08fa62ab8c1ecc71e8cf8a611ca0b134047d958be354a92500c857f40bc16dc3e4f7a4f68955252af6502ec44b548fc1d17af63f5a452a7b77780cc400ef278ce9d511b84ae3a2927ee5771cdf7c556056a993332f2b8f6524e0b5c07b1021b0212870fdf052e41a877a48a1d0c59650a1b51e2df80f5f5d4f660e6006079cb92de640ca6c59d6bac2990275a66ab5050655e1c34f708312e1dadd822e01f17fe87b9e2a550568626346896ee9db3f6b092433e296fe2b876eddcb3d5d58d2ab582b65e2973154070ab1f9a93b2c03192f4b610251a778c87da87e017d9d72c17a5f1ded567fc68be9f299528d378f2671d3cdf046493f6a5265a6ec4948f04806cdf0a89261fbb164f50fcf7df57d6a372bccf2d95617435bc9ab880f57cdfbcb551aedcd96fff1538890aff2ab50a357301de6dd1e9d39d5ac38d5e1cff5e9181ca4e91f06e707b9e9088b9cbf8248b015a489f44a73351cd78eaad4f11df28edd6ba2112dbf3064e23568a669e2f124da2f8d97e16dd1cbb11ac346da4bdff0410f1d75d75612fe52587215acf188549981958f8350c24622fada4fabc7d07aac16468af243d18cf8d7bb440cece286235f31b2d0cbfaf504896b759b8f47b6b77455b47c2aea562da2df93632208c0cd511a950d26c726aa7f8981909376615bf0ff8a940e086750c36a5d252ec5b16ac4020d9385d881a4473858037d6d0e4bc5c5e825b693d78bed94d3c084ca5cadb1d187ba7532bf41a660d6a93a741532a7b41af80c5ebd8b7fb994b628bc4eeed359dcf4fe7d77f4df2c28bb1d64e98c0a950012614dd9034ac6f7c8b45e634e4b48ca689423209f307a87dbac477e7066ca0e1fc58d0462bf4dfd119613560c395353b3e5c502aa5f6cf005c9514725244956ababc39b70fb8357d0c1369e9701cf89afd859ad17b488507d3fac0a90ed03dd61abb32bfe3b9e9b43784ca21bb60d1141beefac6558da0ab411538f09b29fcf61cad5e121acfde682a977288bc03387373b6201c477219e14ce70e0abe4dd8a07059ec59c6deb5c6376e8b28331badb61dfc53d488dc073d4aaf2e4f15b843592b82acaf05c4aad864c574c4ce87b389e59464754858ad446609623e0de0922c2921d2aea8cb103a45f9aa9bac123ed97c128ed9da4b01ed2611d004db99436cd6b78305134b39e005bd3e22f997f68b5ab25ab3f43e991bd933aa07efca09960b9c88c6884070cc4eba242c3706cc90b067df9db72edb4e6f802a68209e23a8ede55f0dc2d22a6844019aa38345ba58c706280f8f7211b2dbb6ed59aa234e857e2c32ba5ba7c26279d7ae96e01b964f6ff3e774ca0f53cd5dbb327f862357ef200ba5121018a9d75b980185afe0df1cffd41aa6fd43319002eb2adfb8ffa391fef8e6406733b147c69a98910073532492ebb8e7a745a89058fdb08e761e47613a5fd43e6dc81c8a3777997adfd6deca302c2c4c70f74bebaeb6cdae8db47a18444bce40872cb6c44c72898211949d82c80e91a81c2071900ecb321eeaf39384fe7f4d57b2cfddff9839f1e3ba7b9169e8e5cc782bd377bf9b2c459812f5843655e0be73afe622b69e1c42a4eb832ac3f5c6e3f860e2503535f92e5d18fae9ebb48afdeef48dba663a582d3b45875421f5ddaf72df9d72f7e38186561bd2e9b351da5d31b39ee859c0abee3b7e5887c9169f8d1c9275057570a8e2e01aac5d753d3665a0f12bad03c44ca2e91fd9a245fd6bd1e80219726c33a732fc7c7fa221e6a2e6f050c98495a2956a464f3227135241
Carousel layout
Grid layout
View code f24c1707fac50d9a27a4f19d35294c88ed3621d9f445ba6a6187ed241cd8fcc124c243b1535587ca2a4e7c4e0668d18e228ec18251aea17ddc779b1a268ea3a58083f9f9d6ab1e3b979c3724de190e6ff55c31c3aa70907d475e3ae17c5e63b078f9115a3ec7817275cc10af5da5dc434ee5bf4bc9b5824387be4bde7c772ccef6f0c54127c62bcb3bc3720f281eafa9f905993bae63d4528275498de6cfa03cf55fc5e1f21c01cbcdea279aa7312a82f3247630e1dd6141f44a12aed346a8fe50b8679c377b13c6269f569dec9ab81d3000fe708e963eaa34ad70cacbf90b66cff7b97f13ffdd5493940726fdc6a453959bb65655a9024d1c87e1c0346040dbf3003427c7272e0c429403ab3ae7ef6853e08eba7931e5d5754fc53cca29dd61a328e363f2b52ffdf34da79d51f61ced343d9ab0f8315d1ae9108583b80dc6c5b9fb08b0eb4d75001687ac122f43e674901e7021822a589034232f4235695a52e765dc585a23462dfa7ebd21378ca07f474f0af27b2ad0b177c7dd61b8a4d77c8d98ad0e6675be1d61bd8e205cfa43cef0a88aa55c1fd24cf33980bcc5557dffa5e7436d89aad818b5994379a43efaf326e27854d769e067c8ecd590364e296161002ac079e4a6de6155fc7bfc5c34677a817b128f96fcb2b46b17ed3a1c1124e45905fdc5c6e4024e7ebc2ed86b5a7344938b218c7c7b2e131f25081447e12b3abcfa517b189de46b759c849c25ada7721d8f513885f9e0b489fb6dcb57730b73def8448cc49900103bc4e3b644b9b98d67c294de2bebff05f72968bc810670c9fa8efe3abb57041af84fd0e7d9f6129110adb93ac6cf30c3f2cd95183d8f66ed828ec3a9b0e3608d28d59afa7272bf2bbd1f83e4eaf7206f555f3b5ec73f66470eb2682b649d8f970b24658fe9e76ad95cacf68f65b75ee690c23588320602519fb9192f20dc24240fa02b49d88873ddce6d051f95a0c5cb435d45b8c9b89084596e0adbe36b57353d6501fbce1c0eb1d7f0bdf740e8f6552a78c7b466b1c91b58234d85ff04e0fdf44962d911e8decd381410303067bba8fa86be87ce9e8798a2e26fe158f811c5c6b3085e78870e225e8003ae18fb2c3c09a8ad4b800f57648afb31b2b20a73f48df093bcd59ecb1f00584c8139a3f85ddf0ed2446b59b91c8504652268d2de497ec4927a61eb1004cbeaf1c4d00d518519f360f8ad6cd5093e3a70fc1aaa59a9b86d680f23201b677cd9aa90f4f1b91ad00e42e5d5a094c6651eb76262751c861b77546becbf4d6e08503d69a8943dde51b5e6bfa56afe2b74394d61732fdbff821eb8899cf44f708bbe54e72e818efeacecb0c434fbaa678cfeb7d7a7b446a93807796cd872961e630975f4212dedf408bcf5026f56ad97466951a2904a69e01de98de82d6fd4ca915783471f0dbdea71cfe7d13aa8214e0ec97d4b6d3619062904238735464db1ed63235657de7af4caa64ef5fe0498c85019e46897226c2d18abca3507f8726ec1feb4aba28dd416842396c71a5742b352c90f41cacdd070c2059373f52ec178a0cd4e09025a879871cc1e5a991f61bf111f9d23b446233f2d626813b44b6e28618b6fd8f55b0fc6a71f73457f2bdbb4b98c96940fa2ee48ef8f9aec4443c84035802da8815d8c1dcf26a47bd6a7aa97a676584f840655581efe8fca4e64368bdee464e3a01dd1d6ecbba04669c14473395b81f4bac1960ea984a1a88be205575581202f548deaf38f4f4aef0fc164c47de6de9218287c68ac2d98d59aad007e917a1da6f7079beb4bd0bbe1f38ce35c2a54111b5ecc625a8060291fc5ff2d34af4c40b011a4b74ca0ebe33907ca6e7fcb2e4aa852d7914037f6e893d374eb940b2791b441d9f7e57a961ff40185e430315c4cacaa06f6e3e7dc94e76423aef2b802623f45e4db3d836a58fc5629dde045f7710857359b20186cb2eaaa6f00a5f4ec1ff3cf65deccd5a116ef54bef2f509153dc12eac1196fa615705ec943502cfc1749c9881896168865de06e51e232b66d45c141b20feb85132be6cc172f4af6cf8b0e7eaf339be56e4e890b6f767b287a7760bdfbff4f35ae8779c5a57da3948cc04115c769bc601da9923fc0d255faeba0956dd4d2e9e581708953c7450d7e7fb02232d17a6bd9584e0cf59409b473d447ef0eae5c35ff488a99acec58a6ea15a66de2346ef2c5b08c59d604c0e21d0eaeaadd27e33ae88566586c5aad4f3319012a6093f1d5e10dd5773f2e9005cdfd6ec7eec26e6ad4eb5d7b2b20552647140fa4992969d80ea262c02eb64d8516988f03506d66be54880c2b46c38bb40656d5b2465a190127b60fa2bc2b18b4ccf9d43e19b43655990c891ba0d637fa1ac5f26afdd95cca983eb4d5a4811d86d63001bf7b5d6fc9c492b9888b6e68a2dc4a41aa1e15f76f22e67ea0d5742bfa3dfb38e921ad283381561f2afca610f2d2a490af6cae8738187812717d3ab8da115d4e2f9d05b342bd443bd359c51b7bdbaedcb8d625ae025f556aced112a99fde6997255ca21aafd0bedc84e71cd2534906a78ffe5b7bba47d5f917ca391383256a36e88cd20491db0e72fd75cc9821f0135fad396437d87d25c62ee76d9a44868a6e950ede93818db632f3bbb318eadf5eefccfbb943274395891ceae45824aaa1413a382b328b7712d8abaca64f9c5c75182424a3d9faa848291b1fffeb53386d9f5b24901c430082e8daf56c47b52e55760c459652046284289e8466231049c1d004395a6f05a3a150e66f5b3c867866ae2200f974b0d54f5bc506bf55bea4f09714ad3f51745a6e361edf545b4510c7e971aada9588bf15f501f5fc31bd2512df5c05a4cb437431d3e561a1775b679c9ff6be157bf4bf0b5d80c0580c546fbdd43647e82ea39df1d8c92b07a93147ab09707b6567a1ff538c4692dedbf57101abc7f5ae269979172fa04ea7274c43547eb4f1f78ce5052ebd11c9bbc87e9aa4e59efd3cd37acdc50e9b4699e28b95a4ef63fd09bbd5211227f19cbdeed15f22b6a42ca73d9e9d1fceac0a47e273de446bf2107824352606850af4accd4a8e6a6ee665db9decfe0fa0e720a600953dab2719d2c7af13887638264713702811449e85d88fd732792c741f94a200c0ae00b988661f5710fd919bc103dcc6631fe85d54152bdf3a8ebd9738cb90d71576c677e5295ff2d30814a57e335371899f6825aa06c9c24f1a1cff43d1ff7d603ba3c8235b76e33b7f32b401c106dc8a7396f61169028a9890547bc55dd26e38f35a3d1c7da3b0e65817b59b06aafec5e8182047b81c9c7b31da3b354d00e54818755f07e082bbb214e1281c37b231ef1d54347f7163345f7022f817a932deb8ac36562dc881862b4727e24fc2f13bcdb54f36113fac166cb15c138a8584571865eac28d130ae8ea486388f54facb0d6e0b1932ae9fe115ba408c2ded45324ae1dc2cc706984a7997344b9bd274bbb49b9fb647edd71ecd89bb08d6218d5a813303f583968d93bc057aed97b2d20f3ec6bf7bee98b939fa31b0fb36489d5f726ad592bc249bc7ba89df21159f3c33eeab148c1e6a3bee688572662b677ea81f2fd6ace393715ecbc412d0eadcf0237d684b8aa75add743955c44c95854b34f8bbc8a1ef7145ac356240ee8c4e87aaf4178e8d0a1d637a0f8035d575375bb363f70ae8384e0b4921b110c5f21ff5d000cc9c31b622cff3331bd916ba327434a7fef7643dd1e963ae3dbec7200fda208d2f1aad5489e61247c65f74ce3c0213cc7f951749bee9cd1149527461e483f39e9e45501dd39292f87e5a1a3f675f986e492fbe87f5a33b6ec29a4400d24b0bfeaefd38c3ce1a0b62db89cd7e4bea52db6a09f6740d103a06ada55b2e580c6621238206468b320503bdaaa5be8ea171f1452023174d6db523f4e7928dc6ac72c0010b0a5dba5bff9e3dd6ede6a65ea18bc2075e6fad8580be071ccfa79c0e9a8865b14b99f569120ce69c9d64b31db2b5ceaaa7bd58ee29bd44936306822ec10b958fcd4b19341b9280a3187a4ca22c4f6856b399ba8d0aa7e0e59277230fefee5304b43a66b09351f133ba6a706d6ba430d4a2e79b978aec1ab3e801d959b3772e17c7192fd7999818c9215fbe60f4900dd508d83d81e7224bb57cdbdb06d9bee97d672bda03df6520b190066e85f97280d8ebd8ec6e307c9174aa66e1ab9ad753319ff11e536d5340e4c9f829028e147572c9990251a41772ee965e857d2a0897c7a53925a407db79edb7c41aa8093825142fbe1e3c01d3a5d94993deeee991fd48970bf3b5fb02a4e54bf71772b717390be32870f2c6c6652c0b99a91acb397b3f5a0285dfe3a4ef9ebbc31431d38bb94329e643ef187adcd6f92f9e7b27e6fd9a03bd1b43705bb70890d197eaccbfc5811d8e4799dc87b83b0c83f7b29d6087691815aa87e1e044f503e939ffcf0add8c668182737908aa94754f6f51ce34299864b0309bdc57afa1f3755640cac785d0a2c705975b0bffe15772ac08c2ac1cfd5d1d206a2c5e119a3466de57aaa3d21581ef7eafb5a2a9989382b47ca9875ee22d8747ee5019b097db036d52f4e5f3083f7e0fc383adc3bba06f68179fd7a6f7521776a4de98c5f426dd7d5ee5f0517f752d05121ed0d61be4ba189804cedf0981a470646439593233b8e1a85ea5a91aef64011e6f582ea3937c017659c5da94fb9325962cc8f484f6b1f5e18fd3ab79d4f39c4eba7cb5b9102f3528fa4fa3392191523afac103fc7c3a85ea9c928921db27eb4dfbbdb0015875d2f32d9cc98b83a088019a6998cc510d33acb082545b6934a5b74b25f1eea83e46b46f3814eae79e7bdf974f6f01c1b802b6b2cd2a37d6b1efbc30362719e0e876d63369fac6ea2dcf1c064370261e1087ec4b6
Video libraries are very versatile and can be used anywhere in the help center.
Video libraries can be added to the Home page (home_page.hbs) using the Promoted video IDs theme setting in the Home page elements setting group. Simply enter one or more YouTube video IDs in a comma-separated list to have them appear in the default style of your theme.
To replace the default layout, copy-and-paste just the template code of your chosen pattern into the bottom of the Home page or Footer (footer.hbs) page templates.
<template id="tmpl-video-library">
...
</template>
To have a video library appear with your chosen layout anywhere in the help center, copy-and-paste both the video library element and template into the desired position one or more page templates.
<div data-element="video-library" ... ></div>
<template id="tmpl-video-library">
...
</template>
If you’re creating a custom carousel layout and would like to use the built-in Swiper plugin be sure to set the extension layout option to “carousel”. This can be done using a data-layout="carousel" attribute on the video library element.
