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 5aa0fa1724c4cc9af499246df153577a1251a66c4f9f15d48620da5692cbb8b1e1b9f6ff7fd47e4467ddefa3229034727d58668589e48cfe1033163de312de2c19b3c5d865eb91ecdc72dbeb1a234eb46e6df3ad8570be52240d51c7559e201535befb1fef1e1575d62dc2ce0ca60d8a69454a1bfa1bc8c2cd5729b4608c7b560831e77b0d437285aedc189ca1bce3367406b6bfc47f7edd799e646e1983540c6701c3607c7f180cab6771977dd249238acc18a1ff2ff6bfeb6888ac0603e12e1ded60a3a5c28b6e0edd8ed5f9984a71bb9b32159a89fc2b1583bd53f4d91665655f414d8fca1ea4b063ca90b93afe9c0d2b4b116b4d2694f0b800c11eaef89445bb071f4594b9d0acc19272174cc5ccd33704ed3c586d95785d6c8c9e9b89374e4b1f64ae02df5403548e147122c436e5b31f0d7894888483fb21f1834157dee79d215505eb402b7b31a212a0eaf86b3eb3ed2760d1e506875a72dbda42105c6f211784b68acb93bdc7515318bbd2b8dbb79565ee79ef5300b390cc89590e715b2e0c0aa0123455dabff9682491e03d309e9faa170496e59266835ce362217a00a22b33b5cf69bde6b0f8101f64e01c73aadc125cb567b5770b273d06a363889a2e4381f341aef52684f0d3c53a5039d3ad3bc41f70aa81da8a2cd052298320f828b3efc93bc9814e3b1178544b33dbd2923c1e64bdca2d19bcd78448fc7127abaef8a41ec6cffbefb5aeb9c8f034664ea6388738a8591abb52b0c3a1277db58517dc0cbd73c0c74aaa7ebd99eb2103f3fab1bb9ab1967e83278b4d268e4caeea23254c2addd104f784945210638a3b0129a28b28bb6dc1884545410c94652d5227063e006522d92345ecdb437cffe10f9369c1ddc8cbbf0a445c8712fdc9cc07ec2e0000d106a752b43b95d5ab64f9c4150f4a6dfdb6b9ea3ec21575c828d0b2ddc09c05bd2cf7983d72e0c45ff879f4bc04e05e5410cd5a65d12b9fb196b043f428309009582a634269fce7a0a96cd10a2cae31a03bebaa7968a38591428e2446ac7ca11fb8584ebe7a4839ff69829bbd97fece03b1eb11eee804e37c20e588b0d0717423c6c7cbcb324059df1a2a4f98c0cfd6cda022670c8da0f299f1729631f7c3a7ff0a1193e5f0b7b00d3e2345e3e1d349d8f06f9ff618f6268c70445a513a29e740dbb6cb7a423fb38f1ec6aee59119a8cc32964b8b2de306c4fd44f5fd6aa53b816648489aa3b6f835d45817a67c1de9b886603c214857c629b4c0c44719bd67576b5478e409ef1b394d6981ec043b236ef1bdde6a7a3bcc9ee0444b1de3a4617b8e1e9a21d661349e5c6d686d2473a7d57773f3998d792b5072c4af52d3ee47f186828c7f815d45c0e34f810387021390a7430d2acfed2148430f8b411c23a10280f4a3e410c2c3feb3f1239b6af41ffcfc261c49db84314d27b32b9558758db3f4fbc8502f6e911e660fce0f3c9f7c980b82d94ce2410ba26b0e845a61e23a1c8d9a09cd1ca3082f1193e12f57c9421a5e22f1ba222c222f76bf2b69183e10bb5d705ec83c1046eccbce9a58cc362229ace2db0769d9acf06d8d4a5714322f320da3521acf842d9c5131f3a38252b13ad8bcb73392bd2741b405d0269071072a13777cb1498db18a0d84147b754af7d6525ce64c25cf9eef1aa568d5286402be176233ad14d4671295e52fd1873838a876a991d1e16b7e59ebe6bf2dfcbfdd3160a8707d76643b33d5f7553790241e7e23e043600579c7a9841028c6ad7e35d2031993c9f6039cc54c47bf87b3d309e8e54849f3a0d86fa1d161119bd0860cfd1841f2c5dfce23285c21b8e7e20774190b5234e8073f62f930915f5494e50f6a6312884feb8207edc500f62d76d27e9a4580143b0ac7a34d3e9e9c28a7aa84e54521fb88f2becb0ae3be593614002e4c947ed5d8ce33863b6bcd8a558d0a5de321f5f0932613d4181876d25ad375259a439e4cabc73d9bc54be7fea5b17d89c9843a9fc2366d532d0a3225a49d1b394d4ff631fce4d9b05baf288a9153b300169b4ef3f67f6eaabee309da507a2b6bb7255760e4e8e5f8853ea7ab6b45c1aca668dac1580daa2f6c091cb9d58e064c51a3da9fbe9d17958b8df77fddc1f608204168767a76a5c32818f9971e9c89330f04da0e5b81e034f204c334be29499b955d6b0780e30f1606bda7333fcf3fdb34636c5540bead3fd601413208b8e9e84e80c05b0a38d914c2156343e2c74379542fa684650206c3819fcef963500e0e8379f14fd4c59a93aa4afcd7ac115735d4f0dab0860f4410964a578b4e1bb1817703e41ac87f157c2dfb0fc390c5c70d10fa6b8b034be7a5a094a73aad7237e1499f130a12fc49c3502d9b2f047848acc1837c72fc8c7cbc66daf14b9937ff40a0e00f10cc4ab51e78b2346e3e0c0dcb3d0f66ed25abcd2c24484fb856a1dabed8aa8d2ca76885dc8fc86f8ccc04564739a051f9d93e7768f0a135ee4f61525bc623e5cbfbbb5253043a8a3570ea252dafe173be44f9d43af5608ac067d2873866aa90d944dde48e7cdf394b05574c9df67f7d83f2f7aa8419ea4d5727f05fe3080e2793ec2a5d46b36efe4b8123a94aa8c7fc59f5f141e26ab6c43abae4f1ae10b8edfb30ce94f235d1d1319369203087323b620caebff55358d10f6ecbaeae607e20fe9f851e9799c4f6e129291883c9375f1f92116c14a1498b9136b9c0885157b3be6b6dc42d9fd0e7a77d1c3638750888e2d0dd95afc9e8cf2317e88a1a1fddf16622b79e71e809b64eca7b532b90992da7d09de882d7338fecc9469a9b32f9059d3065963f9a10174d28bf5698ef4eba854c19682b6125ea9c5026dc5a3d356170497dad54523cc2c3eb97d1c0a10e63fe43ad5227c9db301e1372146503c63f4ba69f79a05f411757fcfe3e5a0267c0aa6b12ab6c1237fb4b9744d7213fe259761f90a82d7d95294e4e6ca5c36c3204d6208bc15c58ef5d90b9980037a08c0035df91fc4650816b03286b6a98f00bde55b3ef6e979c51bf75b35ccc17d62cfbd30fcc974418fd7ca2e04cc4f0e5f6182d9c018094a7d6057f80ec193882f45f3eebe8d6efa7dfa8e92e8b095544571dadfecefe2826b7c60e1462c475d312342f9cd8873136a3d87b117e7d252fe4eb62dae450e107085b39f65fbb467e6d2b238b8bbf9670d658c0612a84edca789bdb779de19e76e0186b8e4e06281fa23fe998c948619e62e8003ceb2f5bb3ed2728151da45d8118862e43009017e77256fa617190ab65b697ebd08b5251a1deef21e497b3735c5c7e8cdde3178eacff6ce7601a28b21111707022b7ff0b80bc665b8d96d4329fa697db369054d58270d85b046ef15037b1e62b5c76015573ff0b299746032f9bba359f5c830b03653eac71a48b3add85f70c18c35cfb2d42f613d171e72e51635dd929b829de7661043e8ebe7e65250dd0a69171d96b91f3b2ee3a4fdb0f2e2a9cb954dcf74f4f2c8baf39babbf30833cbf21bd4763374b5ea8f6168682c1fecb438d1503f426dd824a7d69b2703ccd1626a6189c7f1887d70fea4b1c9759258e56f3ce80592993ef4fec1b7c88d4e90f02f1c3c81b66507444ec25be99a49364e24b9e7e1c285b4af0766298d0491743f54188d4ebad670c93acb1e2565bdd9d34fd3842b4f927fe90873cb4bd838c60bbbbf8a049e6af53393a0a969a30dd7deb81c8e980174b1b608d14c4abc3652e40500f51ab537a192416c6e92b0019a63527a6c18b6ae2c4f907d4ba020c840f9a121fff7b506a49b974e9cd5522a7ae2f230329e67f0c2d0d2d88abd33654b10bd92945df0876fe8b51845d3184b9437b1d83b7d0deab3ccbdacb0ed56d5b5ce681f738bbe67aa21b34773d2eea71f7526caebbcd750b7369241bdd31c05039f2fb5d1663f01f77ab2ea52cf635246ceb0bac8140fa4f61b10f4881c4c0abe39ffadf8ef799f4817fa0e4ffdac61afec92d2913568fe0ff428eff7b003c70a4b5e00174eec243d2a1439027ae76e7dea5b0bff3e882b7929f73bfa30987bd4e4589aa66e3d91a3002c8a861bc8859b4f1dec7ea65c31d2da1b831a4a99a43f13505a0c4f6940506b30d808c2f32cec6dbc7b382f9f93fb828ffdc57c0321a0cb9981266266d69488ade3129150f324fddd3710a5cb6fa9f2affee25e7e3e6e0949e718009ef9b6a63262a8c7e33f620243b6c2855280ba84fd5b179074f662fa1c9054225160579d7025dd2bf51b1d5e79b1cf6337b393624efc26928f7307cd6608335084aa4c2d10668796ff507955fee6f70a7492fe6055ecfacb41c78516ed24865b7bf9b71f158877284775123add049903f4438a70a024e27910652481de5ab7524bf2d995cf5ef8a59ec2b8aed007b96254eea5744d7d653f1a9223c550cc387086145ed324de748b543a83258cc6481d8ceacfdf356e2b2ce111464deabc379c3acc231e5f4ae084d05ce3da43c223500118a7230306e1b6840dae8020831182ccc2892573757d66ea2f02eca85dfd3e6d9fef6c30b80f6d9b08ee43db791d23b0b39c9b47e77f76dab91c6cb368ea1076cac6ea835ae49c96b56f7de9cb54ebbe7f6a510576e8b32b4f9ad5e0bed4bfdff658b0ff3b600a69ceed4dc1211c005db73d68757171ecd4882c86de648a112b215531907cf19282ee71e82648f4f5c575022d7593fe00272c1f2bd2ee2173c4a650100c8eee79bc37493bc7474fc3140be15ae71ab1ff57e18c3e5f599dc022438f4d02b65ae4d4a1b02d65480ac00034770dd9bb9c64fc97fe2597000364601f03f2c7d40f0ec5eee11282d337e8355b26937b8b3c56a2f6eba16f3bd43417f783f1bc8ac86044f31dc38380499dfe7c5ecea476d9992d03daeaa21f027cc51739fcab23e613bc7954985503d52d3379064ca9a42c08844c8a5155057396365154749bf2ce86e9b45a651a5ed5af1c804b4119bb382e6cc33c09b490c8242bc47a83af99609922929dd0eb3378947fa24dbbe7e08fb3a1504f242a4fbc50daa5976ca7fed65ba36244d95759f68dd403b2741fb83d7fdd60b6109dd620e3ddc30e0f61d72632c992acf9825b881555175e9e99ed2eb812b87b0c8d7040c710d95003ff7d8bbdabcad94d040f96687bf10a25a2df6ccbe14d132956e22815e83b3d92c40cef48b2cd7636f55ec7fd83c87e0608a70c9109e222ff2ad6846edbc57632f4ca13fd208b60b3bc9f027e7de4a17e47d3b870f18e8055a6187bffa78494887362e13fcdb6192437fb6396d91071b562a349398b9cd1e13f8d8a7631c9fc30220c131e9bacae54182c515eee8c3b94eaadb0cc168c7a3ae95068ab0ac34c969c3e4ac0f8afecb72a5ae94ba2b223b960c18af82505b0cce7615c30e782b8f3e6b5c017ffc0fdb9a490d7af3e6737849e5068fda0eb05727b2d96a37a9ef1e47f9a3845a772c3b81e4b3443387339b0d71bdc540b84f56d627590254403e6c7668fe94a5be768222a8dfdeb18915fa246f8dee139b8d49664b354de4e250c04beb49342feb8524647fc20447b1b15d0a0866944d7cc332dba78722df89180b9ab29caabc611203538b9000c33c94dd3612d1b466ff5635366ae6afaf16985e9a41085120720776db651b8dc4b450d94a3763c129d3054417a9722b0c593f5479bb0c93a75299ffc88ae12c1372b8cd957c8a2b3b0cdc360187e9d345c10dc1a7ed5569d493aced01cbec8a33fec6540ab8ddb7f3f0aaa5bc3202bedd58d19b1cf4dbb8960fb485c2b8b9ade19fc71c4aac9e773a3b9c85e9ac4cca9b188e1a0dd092de159d83988666273e82360c69a1852ee304af9d137fdec9ca95a815fdb5b43ea4fd3e4e8b0a62c0fb1dbe856f4b920f376307137bc354929a94a1513285898c66f0ed138a7577dbb9d73f295c73b406b9e8ade9733032e4b8b35cacd1ca5c250efefa27bff883338a5fc32de46d78943761794fb6bda245106b504006927ec46bfd02ebd1a3d47a2fb5f94d93ebebab4c61ec4d7751f2b0dc19885304f4db2d6fee82368999b462f700dc8600dc266ce4d6f76115317898ac00a67e63a124e0eed0f96574cb45c95a356aaeca5a447277036fd05e2e02b81d8531ed7787196a76d185a7745d4803fef60bd84ddfd49e6e1d5d164b58a0a7f9bb90fccb4787e39d9330444526b8bfcdb7bc57897dffab926de88f73cd3241ea1cc461c03c11f526e7a66d76139b46b337f09e89f6e82134d29d0fab4c5570f7add60d56d764cc298b7816653ca8d81b43687a4cb7cafc8af74d173dc424f006e6f12186961f881975ae7d0a91180f6e906a272c62ae8948e04f5aaff4994c299b45675367c3ddc84fd1f0dc382e180a7feb6da23213123c56919998c78dc8d9524504980019f8bfa73fcae2675ba74953a400b025e9a0e5b286cdc55990eb887fef5313f71d093feeab9c01bff0f93e9459a7c476f1510c95bc119420ccb078ad39ae6b6f607cac79f041cf9d6cf0445aef69a32441fc5254a85629a9436b9fffd14223b7305f0e76f9d3f1be54bdec954a9eb0773386b6eba740390b4bdaa1f7bdd4975cfe160bbe32221cd6b7264c279b617e4803b6ddf9a66364c5ca526330b59ee61b8900c27d97d7695c0ce7fea359000fe9f84aa77af89ff58a6c7d7e30dc5ef61e61c820f0445d4bfd98231d6e59842899e1b677184934aaeb64abc0d68ed01108b5a1c452e42d82ea7a36f74965aad8fc0ff400303b551b44dc35593bae534e7ffe229dacd16edd9231cc91b65b5aec5c378ddbca0bae14a64c4d68c5b613e6c071bfdfce10e817317a5b74f763d3fc330578eeb1ecc1f5c117c98104dcbb838b94b796f998d18c745bf361d7b48cdb3023bb5bfcd8f2af14e42b02818b56ee10bd211d2f2ed1de3acb081d53284d0a3b930015570d4df00fa8d380b98c1013e11878c012ff9a5acc38d0d486b60700ee354575d9a3d23153f3c089eeb46cc6ad1aa6dae8043ef7ef1d6c5014a450d31b3d2f0ebd971c055ed55c4170b5eb02789245368e469a0e23cfd5f5bde2e8e115dd574629a08d2bb99b8c8111fb391dd7f736e5b91225cddcaf7b4018ed417dac4f912788d130e505b0c4ebd4238b82f79afa508d7362cd61693bca71d0cbaffcc6cae6fd879634b0778a0050f9cb0a560898f54978f96eaec4aa4607d3fe7a7539544392e50bc5cab35d1166e60793ab43a19d00c7b0b12844c07f12d3469ee472b167f51e8f8c3a9874972caf2e91bc8695d66438d7088ce9718511eb3633107a0748dbd824a2c26a5b1162ec2f020b8f05c0040023b6911c27a95b21141793e27bfc2c598e3eedba68fe502c15057ff854a3ecf3234e44559c5c180c09654c45423480f48f5042871775318335aa89af8029d48cf18ec5e7113f0a629b8fce88601441551b709b88d8944ff0baf57452e5fa15c06b2d105c8643290edfb0ab468e0823871752b50a946c115d0b1ef246626c973c64061ccc3fb0b57bc0f25fe971031a0128104e2c918ee80e0e40ed429f55084b49128324fd63c819603c901f52130a336905b9e2e6c925cf6fb21017e6f657beeabc03ad805afcb34b290b8ad762e2058a97de36f6fbda8ec7968c68238a44b4260f2d4d38fd6a791d8b8a4143efb8d47aed921fb97a5f1340eb799ce3358be9344d4296a5e526c50ba8fcc4de79f0efc7d807fe5d76b48ea287ed45ec6e06b85500e6205f0b0c75b8a530745529b3f97142321c590ae7404c8c855aa9b050c60b60aaf5ba4ba102a85089fc5f4529779082c7402381741ae4bcab371e6d3df38a609eed67c936000e06567f46821459587aed8f99d33c68ac370ab1e77109f717c750f6008686dedcf0686df3d01d4146085dd3708020fd5371a3eddbeba757a76f4a6d1efb923bd4ec6ef1ed407d05ff04d290e19bc8d2a9de47ebe5b643405982bb5db20b9bb3d578c8150ccdb56f098c189e4d6f464b46fbc779c7f4a3ca2dd28c52a5d142c5312a3049d548e37be17576d5804e1e67e311f86b8318a52e7c097528bf19cf1b91d7f95a405784ed47b4e145327955477a1636f88ac8e6750711f06
Carousel layout
Grid layout
View code e139289a2854ecdb5582d2fa0633822d993a510e7404b66eec2bdfbebc0c6c0a994997543ddbe29cc08ed111e838240ce86dff6f6c9ef8f9f8111ce3f59d09d4b2b21595562b9bd454e2c892ce49339b06ed6b25753928be52a30c616b08621d1c8f44022319539d6a978054b5504c7479787ca1b1db4a4aa93217df3f899078e09ac3418248d1e7688f4f6e23be3a2acadd8a2fd31fc32c21e205348e5058c679d22bdc76860f483f4605ca723c5f4c6b7d317235ce6770127a70cfdcd59e7d1dd37e7e16e9e74b48ad2d07c1efb17c5067f47db3c79587e67a681a08cd50c6e6883b3f0010a101a4202e0643a931f274e36362be73286b130f5b29f93cdb2edeb8894c9ebdc0bccf06216f759873fe5cd58458f03caeae321005a8f986d602ae6d71ce29b68766464e6d2ef90ac3a76eac5d0f623ab3033e75e90c28a470cc5095d5f1980bde21f7a0199b7900001914f3fbfa52e7c23acdff9274b3613bd7075333740a7a946f3e92fc44525750461d782ee7a00d9b046531b18e59d767aefc69e5a32b0f4b52f7c43a1db9e289b1147cb3bf340208275df4c6352411092cd4f76a5992bd0b10de0e46f068a0d76dd0e02a446fa4f34dcbb3a60c87c4be840044947993247961cdd48df5a703bcf5f85c99017c501b85dbd91060f05bab55433127b8b926f3a654a7d946705539e2d456e30bd769b8329a61cd63b3a6e5351f21bb827b82bb88061ca6a7ffdbcff00718545cb731b0c6eb8b1b1058894604f28627d63e91a9fef80ef569857db5196fdcc6baad094a1aec84d4af6462733c2110ea4178fa4950dc2c832ed2e1b230d1c175eb1f9eb3f41e2bd43ba47b8849d5ebadecb4383a79626b789faacaefc8bc22d0468960e083a0e3e694436552c66d645c92066824c5b874c682c522cf3bfbb2aecd9025c994b4b895ba288dd10a0314a9b2e7252fa99178af04799e318f8df6689c31f6a00a0dc6169f2f3dc5675519cfca61b091923fbf0f34d40803ad73a585de85ad177035388d2216d1aa027dbf99944eca2a2fc28cc350df09626d4a96d0dd488b4ab3dae1387c7f63c20628e67c219916c4e21f2ba594c997880d54e20ea44836b7e7309818995c6484c8b6b0e1a829ee71a31bda0de5e9b343cbbbcec4d8bd4aa4074addbeb4f26d223a5998afc4f9e473b5ecba83db33e9a79d2ff4ae03d9300a9a2caa80808a3d6611b9f01dee525e018b217b3e5956673fd5b9b6ff1eb4052bd457ab91a1fc03faa187e8f254a629f8fa9a90ed75901056c96b8be245278c5675da89b3dadf65555079527adcab5485cfe0397691db3f1c72c788a6744478c27990a595efd2fe78e5420f2004f46aa4e2c08d32b31748f100bfc6b80a114b7b1ac7295e80d0775080ccd59734d656f955ab40a6c7b941510402942e4cf99b7e9ff2cdc2e00fd19b260b2d98d4ff241774dd20a70679fe3d48bf97bafb3166b4bd1c811bf69ce215c92be51737c9b5a89c423e7592dc2bedde621438e94a080dcb7774fd0129ff33ec4f038d5d3d619bdadd32a5078dc3f7ea22d19baa0c6a51a1d6fe25d6c61be829cbb69241d5d0ac02dca29efe00e5134bc83cbd9f9153dfb7e25c91ad35796be82bad7a6d0dd6e019a76631e3b516b2e0485221b447c45933d0e307e81edcdcd2694e11a2598cfaccb4f66f6020b5b37abe8be801288520b622f6f6def27067580ea5fdf557b4351f138a1de62bf8cca5c565d7fb21641b1169781bae05fb996218fdd3604c783c87eabe602ff0f06a8c3edfc196d6914084f800827fc0d68ff9c7cd9580d534fbf202c12678b243be35f590f9c3822c20e2776c207b7d0d75b01dcb4b5a185d529aa0729330703f36b16adcdda876e9e64611e3e32ec9d71d51cd34bf04eb3e05a9a0b7c24eee6ee0b73aa8c48a7266a4c294b3d12e0391a382e239e72a523beb7e0068c19ab3287240fd2f5be131d5e99b958a7f95b14847f2460981276cabbf446bce9632c8074e5114d65732bba1d419941dbebe07185f22c3269d15818d65221854b7682ada8cf5b59b3681893e253dc78102ee529cc5ee9ff32f5933faa46a0cce639402ded970048878f83915273da4e04b716ad446707e9b179166b12a5da5ef84e7679ef4a06f09d9bb99515380a8de2f6948890ef53a021c698f4ccd77020b4842cd98e02f5c530f539e0b9af505397ae7ca7421bc5d56fbe3f9894b53b4a7c40eb71a37ed46d982ff4191b9493aa2411704f161e3f035890869294adb587dd10b4c190e9b4fd364c6903fcffa3ca724d307528d4a0d506b7d558615d6dc6009013bb32a44ed6059fa6a179f8ebf5865a8b5d1fb594169ec359cdcff7b962b3e2277bc3b2d483c9cc864a4fe97cbbae51a7b0d7e81914ab35a51944bfd7fa0544c556b3732413b04514d9e02d997ee816cdc9dd5303f8cc5675778e688831eebd04084d48ff1f309b9f801d173999dd69927503c2de26cf105925092603c90180d1fd2b3b3fcda75e9f6ea1dc5c5c31466bff9d0a007565bffed75eb5766565646a6feede5c490bfeb782acd39fe951851fd47a2b11afdd338a01e006bd263fe2565f6fadb7e23ee5cf0236910b1f35b463c9bfec7ea0d5c9ca6cb1b9c76151fca7badc9f7d04bc59bc45f075cddf7e0271d24821eef0db00993457afc68402be2e2cb54a9b01d8a01fa5e19adf84467ab4569cbe8a9701811a8bc536043161b08a125bc946ce7dba81676f260c1ac4298b5ee7d1ff9f99982afdaf11d2743f26a9e658eeefda23e2be2aee133815de0fb6fa9e4a5c214ed11bd41f8612fcec0abdf5693f08e892bc0f5a6f3a363d0ebf4f350c805dc2ca8fe574f269839ce929f36958babdae414ba33d63a0875a79209ae03e22f81ad4d68a49e6441fad15377a2b2d8f17c2c443ebedb5bfbe64f7dceda2f154517d773b4aa1e1c2691c8c5e9f902db1f3f17508b3bb014737644039c29a91eecdd64a324b9e710855832ad705d7e200974999b9cc8b6b6769c23254b3ebdd4d9b531be308c444e13b39304cfd177b5334111dded6e1f8e989d6162190ec08104c75567a1426757710903fffcab9827369891755bd0e9b79b053cf1fb435ee74151e64b423642d8cfa18247921340583f98beda8fe8bd0d6c72436f5ee81f1531e75f43350b3de2bf395d51f66ef9ae1f91b2e7c03914a049b66e9a801b8e2e231ed7a8c3633f5f0cb5f836ef2ef2260c9d2ca4ff8c5ff362711ed8ac8de09578ddcafd5860b57c7d74b48754b5c21bd3438cf313650c29655a3bd9d336190dd8d65710c8f05bd0c966bee07b4d0705dc2a248ce1746750c065b50ec79344e81b63a64f0359576ef49e46221e3d328f518e788d0863ee933b8d5e1b5f26ab4ee16f15ab6e7e44c9e8cb2cd1a6cb51dd448c7f3e9bc8bf3026d34ce2382be15d48d73f5b97e823ae7b056e2b2881fac9de62849c875da18052e52ba0275bd186e003ed5607e900e7cb6c083d89234bb74e01858737deda7ce2bb5ef1e7f5c249c6369b5ca5f9cd8a7ac10bd1e5439bc4355c57a52ce65b0532c8c073843eb1bbba1c075063466f0aa86868b27ac411b32c1ca0fd9c11fc86c66fbc91b97c212efcb2c771c5330e2837bf2f522c9edae5702d03dccadda4cb956543b98797be50c13ffb5c5ed600635aae6bc36f8944f24edaa1b7da2667180b1b990ef8923b05d16a9af2a638f78213e52a0eaebaa952901343d9271b16eb1762b5d96f3ff41b93726e13adb2a11ef1557ffd86dc036b48f2c3da7fb7d5e13f9437af0b0564fe71513dc2c34aa7e89750a12adc492ae87dda082d95b7560162a4b4662284fb982accf9cd78535237b67796e2247579e54c26a20f90d0496cfb249396c02991d57ebeb148d7259da3d73ab48397cbd17273ef8b905cdbd309233eda3abf9ef104528ab8c6039a7506b382cb8022a549ef485193077e7f27362da1dca776e5efa7824060b80e31d2bf8e8a3a1be875843529c69786a8bef63ecf14a7a9178d45ef240aabd6c9a42c7f7985f4112386254fafd68f57fd1697303172c1dfa4b34e3037968d770531ffe7704036b36b46383d6d61bd151c105ce10f29a46407d987e4d019601522e6c52f33cda4f9d97fe8cc636cf8a5a1e6ed3479f9f22dba74450346460bc2ff0795fbc71b788611ddf2a3e9db393dd692e8cf3ce0f9a37987ec48c61073dd00d4d03dee94e5ecc78e242421ce241eb9d9d86ea646a54523dbfc17ccd0cf2fb0d762d6b0adbc379e2cb7a7a274d5c93be415415b3d3b8f10f17bd40f2b683de083a8f9bce1ecd4d983b672b967d2c253aafc126f3c4e9d8eee0bafbe7ed61386d72afa892bebc27e5013ad07d32ff65ebc0e634a2e71eacb9cf79fcc1daa47d6e4bedb24a21f831c842d2e111c8a04b4b48bc1a11b577152675fbc196a1804328c3fb72a4569fd42a1798eeef439951ef191a62f94616e092152188c511705c4ed99cc37ae33c1230e90cb7bdf2338b2385638344a0170d71f05200ce3cf60d0340e4a8d82c980bbb0e8f3583c1901ef4b1ea8881f089a44298d0f506e52dde30801b6aa0e7ed058e9aafa9e1103c5591d148b1f4879a9755eecd77a8e9f4465250a6d8b011f1fc71733ed573ca9013fdc1dd026178e9f181915e2f388891908cfa1a2af9d909d458fd69674e7ac149f6e5b62af9e1493ad9fea230f3161ec4c9d5c66f26eb2fb1cc723d434d882fe1d0964300ab300635c5abb60afb31d4ba7fbda0809448c293cc2e250bd6132ec253c25b8e7f7a78b75d414008819a102a6da981c1a5812a6c13fb1f56defb06b4bc23bc1f826d3f6c378efa60cbc607932c3aed987e89836acc9fc7ca8112a93716f2145201c43abaccbc661ed99906b9763941c6fdcedd26034dcce02
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.
