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 63e37312e294548574f7a7d1790fe515c51dc11f8ea16d576bd0960d6ece52607998a3e6f13b9ebed13d446f60c6d1d7dbbed016b74a83abed10d7f430c42c5b35b48ca75ca62f954a355c1e64139752ff46f23e3d4ec4ee040724160c511db1475d0fe59774f397e015afb7f25fae1a9d76d356497bea36826d3913186784bb41eeda52b9702dc048c823e9206114894afc02318e4425fce54e4f50bd77fb2954025778d9b55a6b0574c965d39e32c2488b9d691548ddf4389423026cfcf1af13c74e20c413fd99faa5302079d35a9697fe63e8e1f33ecea35b941e5909b8f48a0b0fcc800170afa1c7bdd498fbc8251603f69c9a3c0c98f23c0fd4b41c458e190010e1d290e18f0405cd22074bf7e8349bdbb275c34e1613d176143f8679618d154356a780a8172cc574bd262e4013ac3c3c78c639bfc8bb5de3aa25a105e28135f32348e83a9693e4f45b883808b1a755157e262c93883b16d36e560c2bea19c4ab30b2b7d793bec2b5d8f0495836f180d2f7312438897d77c19b8491ae6baf6540728839b436e9623b203ebc72afd0cf4369a3079f65b0753e5af911e5206212d710bf438121673e659b8bb1c3de0d40ff13425f526e9380ef1ff7f4289eb1e8b969e55c0895151c9deaf3f09f571ac25b5dbf86b62864778155e8ac374b3e12f5e34c07db9d3868362f13085cc847ed05d8dd9cfb462f219a15346778e1e188f43aa5153faae08f30d8bbb9806e7bdc4ff3afe4fdbc1c16dad03fa5ee6eb191781991d3a5b4b941da7a485b135a766609b2bc85a4e780ea815ef907f95d3e591521d5a34c3715511bdbce91f690882af1cbfc5176457e35a95002f17b5f6b366c5f30514bebf1dd64d7e89ae51a7541ea472fd72d4b40c4db12bea43d693ac92dc053ee767a7ff3dce1a040d82d49fe8f83e529078be6c28a36b96e47202fbc51deb5fa0d2be9b0106242a85cc0eb7e2f914a9cef784264d111daa630362139972d6895848d4accc1faf00997989e48edb94b31f7aad596302b65cfaaa4382579ab542956f0dac63ad92f68125179fe21025cbe97733b23c09d35cb9f3f73841713c5bbe811198cac482e1914738e0812f6918c874b4e05cd00189ef5fa69737b6aaa84045e02a0438847ef142f6fe1401d8cea2fb0bb39aeaf0c3155ac0e6a052f6160aed02c66f9d78baad10c7514c9a66cb7835b1c3d793d92deaab8ff06c6d671c072437dbce7f5f46f773643f4ef562f56ea34cbc44d54d072a59b387a5477cd50546a99f575722863d596027453b57523a6a80f38fa03892d5186c28ee4daa72261448475745650cc7c83a6b1ca5d46a9a9e19e2df3d363283b8880502ed8ecc2f84b9d6dd55a9f8c23dca95642ef3ee4cab442a33cb6ef7b3e21ef2fefaf36ca41bee4c13cb6909e6447a5a800bfd37bc4f8c6e3ac45a0225664e3e13fc7846d512e3e8b08083b1a0acb61e99feb90fbfd4e13ebedb20f8b1d94632f7525aeb2f8b9123196dc6d7a142cf07e9139a0b1b84941b2b8a9490128398ab992355341d4129117c834a4adb0ef49e61e92bbd69958b73e9f2c56bde8e32526908f1a58380f5e47e240cb0847b869ac57a248aa1d609811fdce3414340907978c02f44f4ad588885643f73764dba22f3a79c314b74650b9939422b1857cb3824f9363e7bb7d9220c84f57166da5326e99b985949c2d86ee3f0a661bcf3ed7adeccf460d3925d86b66486df4df222f793eebdfa2792888c6f68b682e77fd14eeb503fae960191a186ec39e724137494187ef7e0a08e676dff528ac2122b504db459b1ec8e89798661b04e206a00457b00f699fd4504040c7a8b0dae81cdf7cf24fd5dda62b0dfa56a8d0da8d34fab5516f2bbe42061b3bbf3d81e37476a07309f15930689084a07f44161ba2af82eba920ceccdf7f1936cbee67eb495065af8a6ec2392c469d94be0b0223b5d9f8d4feff34540581bea5eca3e27956581b830a5e3502ab12ebb9f38140857ea6354fd229bd9a0f113bbf4589e7d785df86ad8de517cf8ddb4d83eeca2c03d428978722dfc2f1e6fe6b82719f0d08eee0f08cb96b2dcf02d88753f2cd3437be5022daf51b069d0718af9889281fc5f8cd3d43997157a9816ed214539ee3880726cd8d68c0340eedeace9602566ca032e638742b93c51b5e1b1eda33107110689a99db12ce4e119ae769c5b657e810b3d77955a9ba87ac0e7c22d8031363a272940de86e179c973b15da98769b137664aaa194ff605fd438ad2503927572bb7998abc4e313e2048a9183513e86a7901256abb3128c549e6e45c8e42bd3c094dd6d286a04b2526666eab58dcc165495fc14cfa14b04f8afeb45c2250cf244d52dcceecec5b2d7a6024468e4bbf26c7041bdf1dbee4130f403565768335cab7315c0a7f9bc503af8ec6c215db5ed3c17f614d9cbb5d39488b37df52d6e90558ca5e8fe5cafacb65fada2b20e77a9d5cc18ecfaaea7c6fbe0071eafb968e9f8d80d477ee93376a76ed41be111c68a84cfea447a902a079c9ea8e3bfb4cc1c09fa5ff61f7c50f9d027fb56706d5cceece177018ee9a32bb1330ad2ecd847c22da23c503dd0f05a06c14f9f3ba148c8deb7c48b275c9751a24b97b2d9f80ad93d93a3130b40113246537062a1bd95fe1d5f07e7d4fb02bd666e1b5a6795b1377beaf501c881030f557a724c18617eaf7580ce31b48efd73ea60a34d2905b5f93de6e5fc028e60782e27f90bbe3aaa7b29f4e1c194563f8b8acd5cab1e9586d8f69d3b3502471ab4df0fe920f536ce5813b19d4a9a7c1c1cfded3172b2b87ba48dbfb89e0f370be265e0e9021a64a4849accb2035f45db02e506472652402b249ced6e2b40395322ad5ffd13eaea05d60796a8e74b8a14432d912dac235ee92e29eddbc96ad44f8d3d4c7eb9900ee8ab839277bed5376375ef8b5604035a75e55882c1eadab8d71310d880a0a0fd55be1ac422be7925bd00e96ffb720c8eae665a3ea182a42d6f0abd5298abe82225b0f4ceabc214236131ab37ac513f16f5cbbe7da0267b1a3b02d20dc57da763422ccf95dd2f9246cd81ee6e099db76ff4e1bdca2a1b3de2485571e67549accd36b8d1426653952c600ac7ff2746dbd91a7a7abf90c85728489a32108239813553e4dabdd4c7c9ee2d14c1e9f883a60c41c51d71fdf543d98e9628c6c0c8fa62f48acea37b7e3c9e8f4d1a160a749fe3e0ef17a6c48e7e8ac97547fe64ab889601a65d53abc48ccfef688d2062b3abc94ff15fac85403eac2b316976876216b6a69dc0d6f33f06974e92dfb2653b19ca19d2f1c3ae9d41044251f655cd90b1203ed97fd28c98dd056673d876da8aa8d9184f162fac324fd3d603c737661e98b134173ef5cfd09a64f07eeabf87859fcd1c6b82ce6675378b37c56769808ec611dfc63f99860579da598f9e0cffec6adcbef42fdce199a24ddff6656e3e03f96d9917ce480f8a7a426fe28e9711ca0655eb9cfab9c2b8164fcdee37edb5afb8910012c1d90baeed2f6748a8ab8c3932a839ad9b3fb24900a9024897d78a5de3f4832da508c9fd5f0fb833ee5a6a89a305d6dc545072b184036f9dc62aef413166e2e0f01dee6ec1d30feb0ad7eb84b22147a9459abf9698cb8f74ed10fcb8d27b0f584d087bf38f62a77d9e2d10f38089c10f6240f1480c8ee01cfa70e688e421ad535fb09bf0331375eb56868f19de1f15d162dba188ae5cd83e97a9893865c00d17b6b391831c296ec8e1a208a38dd789f7fa176ad9c72fb98a0df5913a51a6dc075897938bb76df87f3961f23124d2c2d734bd394b42ec444c8b117555c7f9dda00c53c7a814eea054bce070d294149dfa39dfc570bc877e317ed1149026cbb23b3b73c1e2171dc8d4e863451b019d499f765ef7254347e9d341638bcee2c32410390ae45a36c7e0333f77dcc8f7555dd61630efe1f121ecbc771b0fd8281c839dfa7e4cd13b3842f53ac247e06fa6aef40d60769cdff53dd3c7438954c5adbd09ae07ac16ed695a79e6f64174f6daf0f461175d98f397618130e0e0f4c68f07e232cdaaab016745d724a5510200dd155cef3e2b9102e1101772e5ef8cb8ae3bb5ccbb4f6fed9a2b5a197310fbdbcf98ec0d48127ce80fd8db7a6d5961df3b0b288b29f73f5522f67f909430520ad59f3c95fa9c5b601c83b5bf733c6226fcb42c73a5cec1907f9d63a7ce2487c11241d0220100224948b70bc6d083b2d1259177fdb9cc738e565a27cabd4d3f259e5f564235d6b1a6744ef7b39bcde313b9d8f9f6c82caa766e14bc8374130e743fe649b64a6556cd1c2431d506b779492c5647e33f5485c39387af2a53268ce6026ab158dde5429c54eb31451c5958b705594f1efa308eb455850031c0bca673e416b2130a9d829c88fc9f1fb764a35194eec584cb152bee4ee068a0a9fe773d0da1371aca6c18fb4a3b01c17d76b8e1e3d08d0c8d58d5380baa73953445316b145d514c6a16abaa7268df0d82f708de8f73fdbfa80e67bcc0ee2fe287b28e923f55335d41c170b4dd8498c02a4114304b8cf823e2639abbb882aff2ec5c4bab8f59530bf26fa321a84149ba94d8f3980e2eb9eb9d1b36c59fbf6172e40c4da576635835a19b1b8711c786c0a6efb7afd2a4949f9c8cbf02ce737fea41db7ca899936c580547c34e336a79700382ccd4a50b99e5259dd58d871da646f5c9873406bdeca51a209c0a9b4d096250b87e56709b1e5008f748f66f98016562c7b376d510e2e2e34c7ad697f03b4eb7f6463ce4d6196d509c22e13bc5a82d04ee2459d7296d3f0a4df1eb10e22c161b4b824c536440cf0b972c10929fce6c5f978283278bfa9a07fac7ba4870ff697252eece059494808a896f2985acc6f45f14625b3182714224adee95005e7eaa80c088f13dc818cb53c219885acb3d7c3eb9616936db5e4ace0d92b8ada3d82cd94836b23908e1cb26cabae7698885f91e736ca30271395d7736d27f09a385f1bb48ada28aefa781897950d984932688d95a7673a72a82dd7ce08c2ef42d7cec17c17081d9d7edc8fb5e53fbd2e8b4ce20565f7954bb8e079dc3d34225a9a9fda2e57c2e9b92985e15588d4d82bcb5b69f5c9ca9a7b1e169426486741560f7881cfe1c4a9b930ebefae4c4f6bad1e6f5f189d81205e493f4e4ef5902da25d62f5e81ad7ea48b12d015a0c550ba25b950b361fbea9a7593f2214ec9a8596c16601a572c629c6d842ce216854ca76058d3115d82d7ae06541c47acf01a58871921838a0be8d5e04b807e34f804bfca0c9fc9b028d4516127a077c9a269b4035cd29e60a0a72ccb2dde701b0449d601d4a593393931b6b23d1acb21304582feded6acbb0f61eb786dc10a6a54730282346fc3a25323c8368ba6f004bb54f3afca90f83ac67eabac858f5513575396643fa3b02f07d1179cfafd730ec2ed0ccad7eb8b96b5559516553fd34d10a1c1c292a5d30db9cf9fa76d2d9e37f2ffa4f647d7b298e955f44e4b39f161e714b1a72b78f7ed73a77d14e3821ad2a214da0504c17865a001f6f92224b8c6fdee67c1ad79e06694dbd819ec8e1572d7bc0a6a6d4084642f8df8ecd2e263324dafdb715f688dbee1796748af64c5561f1692b896ab198d8d012d1669ccc1cbc755029a185f3569cf006684ad129e36ca4ae239efcac32ed3a89502a81efc426131b4ca7fb2cf6517f090c1d2ca72ce6ad56be602d1bca430fbac3057aa1cfe3c232c2b0e62eec692bcab410eec0f0caf5e59fa05f65a25def70c34a8269bf11e192f582c773b563a37c47438acbc77cb12e1e52ef9ceb63be3a6b97df055fe3eddee19f2ce269678e3a871cfe3e153f9c67e2d7c5bfcde9f14fad97cbec9b4981876bde576b51d33ccf8a80a2e44fada0ce5ac4b3ba900c6de17343e8c79ac23daf8a5b4a516192ec0b7721e7ae0df5b36080294c67d031fde6f7cf6b2bbb5b6f90f6c05f8fcad8d50614443d302c0b50e06804267e51f73b318644dd4daa8d55d6fbdd1d05fb9c34e8ca61c78e5c50cbe91d98faab4d2aa7f3217a921f0392b20bee52e9954e7798b528a75e0d8bb6e8cad0b2998ca1fbd4dbaae132ceb7a8e5321c8902d6edcb11c563c10ed77980868820afaf48d51eb3fdbaa3c52543ef955a6413eb085b9ede8dfcdb8504e89dd4e7122a91d3f99d13ffb3c48bb4481896bce6c28e5eccaaa2923c66e31be77d85bfc7a0d7447bc8296904973140bd5649da97eeab3eb735ed5f3fa4fe8e5f40181206241fecb898d928bbfd0d690b38e1f8ab871eb66a1bda325656c15829701f33771a00a73ce3024445e179cab4ed1aa71d6e0c4a3f7b0bf5a6032e57b0f35e6fd1dadc8eea7087a46486b05453be4eda001a0690659b4b8e2ab9e39bb1bf8a4795586cd9f7221c4f17e553f03a8f29c55096eb6aabee8af8e50d1c34014803a9adf12bb7700afbe825a6d0ee9466fedbc2f332091c1646dce2faf578d8cf16817c58d4f14875b4bbb9024b3cbc2d1822673044cb376836e7a9f1f2414fa95dfc7bc17a4a9aa6ac8f3ee1ff153f9d82a44cf55960a341488a1d61758d4fa3632cb66d260843b4c847374fa0ded906d78e4db744881353454c10efb6eb7c75d8f19ecbcb392903e3c88c21893bb66d9876478596d04d7e561e70d177a8edd361d26be365082e08634c0d037c8093d0e7b018b13a9ed2861df8267886e1d415cadddb5fb9553b6ad9c7d2a68b37334cf386f01dc88b3d3a2665965a4b84d4faf1adb730565f0683a51107d7b7c83b25e3b40a04ea13c2b7c82e63c4f957f6df30a0636fcacc769b0086cc577b89be9160c496928cc8736213407dcd9e222168323a012106d5f7798145743fcaf4d386600d2bf0a9060d2f6bd91f73de7decb3f5f0de189df39a4d98d1061af3104105496bbbc1a691b229cdb05935c6bb1f9f034e41bd2551485d7044f78da4fc653ebb8af52c73de9bbc86569771053017cb2f01ca38ad791d6a0f3028321698740f86f47a44392924ea53054c9422805e25a8c7610b55dc6bbe66affbc1423c8c8b961b7891d1970911725e10ae3e750557683b1bbd3f71bb5b4cc05eaa17e6c1b2e21b5f73dfccee76e66cc56f553221fc9937a49778f20a0bc10fd67a8c0f43e7403c92dec289332b3a2a7982f3bee58637cb7bc9733a8d2919bc30ee97432d0fb4290f09bc8da42b09a6df49722741fcdcf1e5666e821afc213e41ee60f686ade0179e6773f6f6f4bb60f0641c1cf07f8c3f854f72ccf1a2cf58aef9e5f9d983003aeba3e515fc633d16d25dc10174b5a487bb5a7a13f367ffa17705fe5605816e90c308c6816c4e14df8651b8964672a25d9df72cdeaf277b58199bd5369854a30f9bd60fd394f7e08efa41baa59c5b675fed6029ad70fd5f6127f46a0347b01524d046e81e39363ebb5547b8906a065a4bb0196663abf1ee640d1380fd1176eee6d6a45c67c09156c5bcb9a739f0a4a189ff25ca378d321123695217d8c43ed8c143b170fc9d8cea55fcd7de141d9f391ea63d52db9b852746a75629bb81d8b2fa204353987c7c85525d02421ba8e70d9675f380cecb16c219144742deae8aa7edfb846daeb4794f8c6c0559d2624f504109b1e479f9db42f4831f2134eb28bcff81a21d82b114081a50487dee77583167e8ae0d64d3cd9bf8eadb409dbb403e3c2c7065c4b96253ac9fade988310d8bd6170f79ce7bc27d0c8feb3872af1fe8377c0cd490214fca065096d239a25822c2b30792b5442aaf17dd0f42479f2b20f19af2f059fc60daafce99760613804501c45673b0555b521d4c92025cf21f50ad6da44bec553ddff4d229e2b108abc6d38bed38ccf9e89f47790a4d8f0a0a56ef553d52d53b7c246a3105373d52019753cdfc77cafbdb21ec89226fc99b4b07ff788c5355c3d1d140f6d2a6bfdda35b82bec9bead223b226fef914107191e7c16911fb5ebb23941b9088bed7e6563dea0690dc5108ff21c74a2b117908a935f35599022bc93e033f2f50c3c6d9a0304cd64563c6a693846516938316acf729ee831d3c06c7114c877353ee87f0c590c6
Carousel layout
View code 20d7d4b6a5bb2a9f58a1b24769a2fb52d76288285c4a7b4a9972f0c3a8e46ef329de04f68dc8b70b818aedbf3d50898aaa01e80764b6ae8e4e1a2dfc2cc8656dcfa2365c1d45361773e840019682885b8de3d06da27577a8b9298c1a597c6fcbcdb60580860534441c7bc33514f7024f76115eda9f3e25eb261631100c1cc5f3188df5669a9c41197c379f4aa2b779a2520572b1af10fcf48735c4b84f00d6b2097d5edb68fe41e1ebee3429603dfda2c8beeca3ba8d75d2313f72c60d668c283a519322642df7ede3bd3d5f5a122418d749133c70c9703e36c8567a1d8ec65c498663b2a0c5b9aa7545f5a50e154b881a71bcd417f95fea54a98362db27d211d52c5242943af76088264bd4b53bc5612622b85f529bea49d696091e0772204b85d174322a50d671238649c9e5eea1109c553ec601be964a6f6a3ac5ba5c78bae45ac4cda2dce51b9e0f08db9a75f71e3393acaa4843ba25905d5cd9539f0c52ff3d3beb57f3170a0de9bd96a36f62af3ecaf7c10a28495b42fce95e2448234a66b15d8713cf0015e5aef5dc25093f708804d11ff58e643803eb66a2dfbefe9a5f5c8aa9300b0589d5f1f7c9b1d09004b51a6eaf1978bbef16d24d770148f355e94ccc1746c8bc689531ca83756ecc8c3e1423e744bc51de8825571186862fe7d220c1dd93aa00d3a3270b2e9b29ed6801c3136ca29314cb17761feffeaf2065c16212f05cf5f27dca4d1cdec8a69675cb3efc6a33435eba77fa8c41779f60346774fb60b2b0a9b3a284f75816a0c6f6e3ad3bf74500f0c4138fcece2b1c49e240acf2b14a45c9829750691bb623af571a866d5cd68867c1014fd111b615895ae4ed8ad572f5ca4f4e341a4366fb1d9d6ebe24f53db6d4fc07c26d2fc0f677123dfc6d167fad70c6927d5563d1184d12c6f734a659740508d2868589424c94fc32a9fc6cbe1bdcfd966cc0ca9c2dbaadd79dd2fa37f75417071cec391f0473be0f14769ff1eba2dca9cf4cafbba197df2379b9d304b87ea77e3a7cb0b1191fc4d01fee731e818ce320768f962eec1a5fd1eb7a6cfea093b9f605bda67e9055d039b6b4be72eab6746f295e58a0167235ff9d24db24d1c980e805c5dbf32fd07961dad971e4176ab9d68a81d6e8ee4aa99466594e829b6c06375c04283ef2d973c231c285be0616048500f0a9614cb746109246c6c6f7a1f28dc0446af735384a2d4dd6e0d0e32c59b1879268eb59734e121a347e3b9037cffcde34962bb856f44f6768be41465f7e98bd46b9dea501f4a69e510006ef20a92e83c34e36c41ce268ba36d15c0c94ebc6c0e224c9ffb746c7af8a5746644fa79a404bdffe72920367a527387c115d967802501d74c8a2bb40fb1f085b5318741e7279263aec1bbfd4dee316a176e69dc9528c179acbb29be51a7493edd7c1ffb2cd4541890c8c2067fcc635bc68a8b3e58c874267ae1b597e8b82b3c47b0623114a222a59143401136c046caa32f43674c06a7552f59b1f9f3d0d28b77e9e941e463164f55dd9e6bfc3d8846a9a1fddce632b6b517a6f0cf0e0dfac7bb2e77e8c3ecbfa0e69eacf46e73c05175a75c34911cd726fbc98df6d117c88bccee45ef67868924b34b5a8166823b37981ab764f4d3e5b4bc63d913de3ee6382181af8e5235e63b54af8692143c8f8f1f2f340497b6ab08d9fdc7ad6a1682c3999b7e2ed2095558957a9479cbaa4286206a1f2a1f72a13ff549237dcfeb4695220f5beab7e1e1b4430c585183a2eb26df8340ff7a96006db8e84ede2fa2629135c861c6d160af47d277b148d0709187f6b81bfd120f1d695a27c30aaacc019642052f629dff2abf71cc181b17ec07798ed1dd110dad120c18b015688dee4ca56fb770122b247f13bab983900ee4f4c7f913a0bdc9e27bec91a906e574d85f763ad334546eb32e53040244c2536a24893d92dee6bd91bb33cf7234a6fa8f272520e50436b1304f9a5407a96599108a3902fbe33d564a8d4420cbc65992de58882782938cb5df5648a415d296e25f4a34fc923663fd77602d739672a715a089f7dbb041f2262bd5069d2820a8cea2c4de5646cf783ef268304fdc2c0e5e8a9716d275735aaa7b6d4e1ff2dc60ba414017efcbcc314068e364a0daab88562192ed2c7a6950bf878d121d16b792a68708d2e34b2188d24d06f64de9e4699d889a7a5b45d3c70009c4802cbba71f56c1bcad891e862a5b7d8440d3b8d2ba6b7109b2f2e947e995be2ee0a62464069f24005101e7f70fe55d473cf3691bfcec911f77a18dc2bc2a4507875ab28538c2ece5af3c61d6781c061d19195a01b23c03ed0e4d3280fb746d200bcbcf14a17bc6951aed6972a11bcc71563efbe9a2372f2f6e2e1e8e1445d9ee0f420d9f55c7048bbc47478b2f531e0fc85131a3517673c6f5e4873200130074b2994b2b1556572bc0947a576743b339763866be3c35c7dade3861f1f48e626c0057887bf01c14f80cf554e32d1452a45c2d5b974d7ceb8f40d30d0f032e9045b5782cf5c4443aacef288dc4b1072a96d8e9c70715360550b9f75324f95b9595e2da78ccf2c4b6cf5cad36b756541dcf21cb6ed3af37126353d0cde6b572ab7e27499ba64bc6681e21bb5c7ce0f8cd4a6bdb12906ce7434581ddafc0ee4eade30c4d86a31528c28599ccf239f48738f20d2b2ab74683a53af4ea1cdcc1b0768ae9dcd3e234df26130706a03e5a34f24b6b004283b7c5eef65f12720fc35345690da15e15823875c8de9824da90fd3b5537f39934c68af2e155c690d0574bf945d69c029ea4a533e046bc4eebcce09aa44e664b679e9a9f23c56ff5f70534851883666ba92fef89361beedda40fc6c260cd08e69661405a915b990d1c747d1f97a58348879258afc7f0e07b26474866c04231b771b3b2a3d8fda1259c9a5bec8812b2f081e6dd83d6b9d68c1a6a9f9a676caaecba2457431d0c1c033c6353a27f7627113ebce34a652fa9d857519cb6e3cf08b2caed7c828108555b2a29908620be7a8fcc9cec158b797eece65905ad5ec9404fe651febf2ec6a02fdace5671a778c866779652f70f68fb1e7e3a883a1a282620c4b12ba072d68c788bc64287c029b3a6ef2af358d1bb28123f1915f9fb4e0119b430d9b09aef42f8f6b91487d0a77c66845283efe151f37b9ccdbe89544ad533a2d9c2ca4289961d3538d135d0ae1b721dab0155eb3cbe6e508eaa17b7b32930833a91d03f4c3c1fa0ea09323369f2578f912dedeefcede936aa63dc7049cf118679b690538adfbbcb5f17d72337b948f8073c5deb96f9e2e7309cd107ae3899d3a9607676014f25bcbd719f3fe0c35228b750afc46ef5468fbbcdd1fb4ccd47f8e96a8043cbbaa50a275fe95787fb14cdfdb0fdfbc28feec6f0be08f082785fc9a16f74ccc4dbfa488ffa2b2f8a8ca805fcff5cd56bc9851103b612c0ae27e9278cb6a26ea58f161d664988b576fb9549c924e6ad98544e370c5348fb60069ee2ceeee0feed534802601b40c85314dd0f5d2beadbb4d7bb27697b345f18f95163556e891c29dadd3edd9d068e3da60c0cb4c8343c764b6bf401bd61d85d25f6bdc329fc0e6e02ace760896ce16dffdd4ba892e71a74b116f8e44bf6af8536e67fd551953de73516d851b4e9b9024bcf1b61bb4b8d25aab1449a6843fc79ab2515e36f926db721ec91f76c776c6638a267ecd67b758710d1fd4f3e48708a390435a573af73cb76bd2b541fd5f89b12e79f4f1960138facd5101cff48c9e0839060f61e25883206eb59e678dddb68179abf24b323c54db97a0c647e0f79bfe71504306898e946a49d94080d9d535515be9cec843299966d16c43be16331267169c099a317b69a38e8492fa9c0158f73e235b7229903bb24dc99cc291f1ae9cdb27fe75634188cf6cf45ca6581beb11c8e323476618f236bdec053a9ca1f0daac65f8f076ae885487958bcffbf48b8eaf17743b9b316580ed3ecd8916731b73c07e0ed507abf414aa024422094192e514b6c50874a5a3a1dcc00547f85c53723da6dbf8f8a3a44637b9f82214ddfe71a401ca3a8eed53193ed18350b4698f23ac3e053ae18d99703979f3837d36d37699f8b523189bda7d931ebd105ff34d497fda4be0f52381750f7117d6ccfba6e527091caa53ce7b0d43a055def7744e4916520d0a110c0c802cf6c53f51693bbe72148037d51aeb1e90cc738776077f3b815014f89b3a8b3a10ce2b823c7c51672befe1b43f2e4524c23966dcf2db524c10675e3b5611fa2536ee9059cf05378ba9795816760c3361860ecf669ee99e448cf30a8cd2f47afc6442fe9ea25d8b647fae767a0aaafd0447d0486a86ddb0f8c5c12a97c1cc2369d6669fcb986e09c8232c290bc33ffd802f7288309d599f9a95fa2597762d195d1cbaf75c2ba4e940a82e92aabc29e8b889bebb9c6a6b9329574f21478b17b34fe1993c68bbe178804fd799fd64d4d58910101b55a423ced2de2a4537473a15beb85afd80bc4701452d31a410b0825c982f19bec53b5c72953e1b357a9d3ef1f9f572f39a499e6fe8253863803157e4f8fd5bc5d9e545fb8dc0704e410eba1b3cf2b66a62a2acd8bf05e4c7324a554564b258ffc544f39c7e512220d34abf649b235b9c9ab789a5d1498a072d094d2d0b3a08a3007327f6baa0f76702797db11cd7de214e0efa0f654185d9985a6920fb96e8ce26c96636a54dd102f43e4900025c713967518516b5b8712c6bd5180819ac2c10717bfff9718976d2f483009839a6292cb8daed481946767de831743434d0d2fa4352f1d9fd3807306ea77486bba2419bce4347e57959040815d23356dd240ab91764708c60ae2b3763f38968734dcc628e74e75bbb61ed370b1b1d84313a0a8ee156ca6283e826935238ff51c2bc6d7bdc57064a19b9db23df3a2d479a6b0c939d08ae0366a4e759835042b4510e2c485d812c434aae9785b439ed60fd3d0a2a18fe320e2ce44342e3e87504f06b170e079801d2a64a83a2118f3c1122a7c2626f63c3fce5900fc04e56ad189f746edc23d39ad8ef8f9f2be96dd39d4d89c282a80fe7d819560ad75b094a587c6e2e726e8d1ecdbbfe9a143fee6c823f9389e26521020e01812711c46a111dfedb2fe2e05eeba35bf58bee481814967dedb6b4b54a3aebbdb2c0db60829b3e507d22c257572e1b56b3ceb3be736d618c408e6b017d3c647ef51fdee03efacd96ee5d3bf5ce2bead4c97e6d64bbe172f5492b54a93d2cf1ec8d747a86588959d96026f00a088ff68bc6ef51691569f81122e267fb4c9a072075047db19a91a23f25be8d93459f6bd7f87b27cbf780961d005d1224d56c8ddcfc16cedb6be78ce7ec6620a741c863178847d7f22ced9b2b17c1103c6c23df77dc420907e43951677eee4007c150c27a36bb27bce65692a86df4a529a623b2c4e480c73a166f5460f3c3be080259cdfced7cdec83f036c65682e924f866e39ea9d67d84ec82f0e1562ca494d56221cd03359598898ab64f07ca5fd4c5a109836f87104df6f84f552a5f974ffe76a9affda9e2c039b99642673a7c9212584f508ca8acf8984e84a1ada1aec56f97e6f7a07d120506a158ea802fb7816e45f62e3e6733a2297d86f6e252a1d89ce5215ea3d1cb776fb78046a8b498a6a1aedc68df1578606f8aa8ba482f7342e90f8b50b96f8906fa23359ff5c389ad37962bd4785382cb866c1d1a740e97510e6e29f9026d13af78c203affb053dcbcfa11aa19025c4b5a381bbbb3a096dabb7b52f99e7100fe667ca419f4a34af8254afde6a8ec37fdac598fee3c58ce27aa26ed99f5f5657db9709f9f1bbf7872f42c4bf4ed38077def6b122d7056949fd8aee8da5c29aa2e325957b5d96ec5b53591892b2611abdd29293da4a58cd602a6f142bb7ebebb2e109a0782fc342d7b9ff4ca2560bd05a7f7c45f12b571c96ff7dd4183938c6d8dd15ac08c84b97a6c992298e90fb18bd09bf181b191b9c2d9974605b31e05a34be7e755fe673df549751b61c973d33b204676a80f0ad672b75fdf3af03eb021ecb90d843a8a77364a65fbaae5fd9f856ca6dd50f56c3a32ebb506b99d675f2365b478109538c7e6460bc4214508fb3ef9b9952f9ff6cbd3b04a934f0b521bf590797e6a3b17d44c54772f5a0d644749fa9939887a2842b0d81c882a14083cfef7b5b9ee03148267a66f7c0713da6815eb7d4cbd86beb94138e76ef6b6a839c5b1d3283ef213cdf53a39e7d874446f7f9cad003d6099a98a93f89fa04c2b791eea8ae5b937d8b14ba1d8f6cebf14f3f75d5e55679669e1d9e3eae29c72016460f5f8c375a0f165706782539f6dec89225887b54e043950f899d61f75885437bb82756d330ba14c60f87e976cded0701a00a76a5e3f604675ad2baf7c02b49d7d541563951b883f2293772658fcaf0920bcd849eb1095a8b69ccc382c735ec80619d1bdfc646e244f506a9ccc7fe23afa32cef17e1f28d282ee7d2bcab5df9699288e9636cde4016acf1b094b78ab15d479a077427a3e8bb717967fd837edd47ab8d8a1d1e5937d72921fc02ab673de307a36ec26c7a17ee6c07664034e0c8a886aaa531ad0c290932636663ab6e4b5cc8770db8927184eecb31e8570a72f2e6f76b49383566dbec06350e8e8b05859ab8c8d3df6e4a9df6df493a2185babd3f71a73832198f34340146ddce0dc0290f3fa61caded0dce90909decc0274ae646aeebbeb604c4bf051408b8add97b23b2527b95860a27e0993850e6790551f299b2fc3c05a61491e212b135869f2ed37563777c681b306ca2e0e179b65704321a88b665c6186d53cb085bd634435e6fb67dd5f335f96f3d1dfc7dbc206dedd7ad94cf05b29cd5dfb720ef65802fc3fccf66a05cbd82a72ac245447e354fdd2d897350888b1e465c429fd77618c52b6bed0f305a9e78d6f68383a4475c611e688f9eba4c0981c9107730175bfce483ffa53f65d2ea764ef44fda00db10c7e648409718868a14e632146bace60a0438392eb88f3178b9e38020c78769d1a8c876fad94c4fbafd510f9fbc66401de8f6dbbc1a4ecd7cbb7cc0c3301a2717c55193882c9e29ac163a565e1ddad36d0049c1d79f545a318e776570d9b26f7410bd3288beffbe9281494c7f3f96cfb74a3f6031e52539860385ba045ad3ef1b73688945e255fdf91c053b0dc0f3ae7ab276ba6e1467c297e42cf34ff353097a581689bc54feaeb2b09c89796fa676d6c2e9c4dc225dae726a8fe86db455c9ad73f2c7f1d9b422c67e91f871625f2b07b7de4f8207ee41d77588ee2208310de425b7f19e469b8737290da409a81f13126f33d7aadf9ae4376aea3b1f32d0a2d3bb3e4706468230ba9dfa0842c34b8a6b18e89c6430973ac8fef62d1923396f9d9c9ac35095bd2077894dc807f9a69461b83061168d168e4a89a5722ba800c5b714f6accebd5320d2cd03c4cc1b0121d6b6bf9277958cd8aed2855e115b80064b16d54de66dfb4e241d24fcd29aed5ba1f6f655e42f329b2624c4add2ddca6246ee6491e15e85b39d979c04faeb1f2e9e7549870cd45f13f96554988b7b10d09b63b4485fdc236015803e7366e5873c2c37b07793e6bf4751423e710d222e5456cad88b9c60838c3147b44efee9471e9ae22cb44b9b48f898fcad7e7aca2859647b9e5bc82542357ad81a59977a06975a3546349606c
Grid layout
View code ea3fb555c8e380b7ace7979195937703f9b2efd4a70a2957b2fa46a8677329a508b1f1ea39654be89c270607dde29477752ed1e4d82b906591f539c29b4e47915a0534968d9ca6e115c2d691526dfb60bc517652a9a78de5b95d76d7350ce6c5a2e7bd0c642902cd64db9ba36dd19b8ee2d7678cf1a84376d69edcca8a1d7207e0621dfeff2c445e1fd38e380afe32ac4a2c56ba916c47da530aa5c6bba1179801cec04a5ba8ad4aecad6adcbd7be62cef753073af115263b5b8ac6a887f34941e46d94201ddd63b1ca857297c47def68568733c7d6f97c65744d1f660674eff734c9ffe4bd02380fb3b89ec687bb1318db0708d1d89bf8eccb164a2637c75efa4403bdc2971ceb421f79a52f153171a45f2e7641427b6da52e2b1edf8a63ff970bc0451c3e2dcd64efd59afb6bf4b069227aea36e546d242abd0289283fc1443581a9ad4e4d7ca51af93d596f62ccfe96f9cfefb6d23629ae600c8034d683bd7ee0d2b25121193e51cb18dd9eccb753eee649fcec0fe110e13311bcc65e6c8c9636999c287c37470ead255628ef0362e5b27ce281bc9d21c6983bbf233283121c59b751d792e7c032e747efd19df3248c2e6912174e7ad646521a9efb63747d5da52447b47fa9163e8c321f46282203746c2c21ae51eacae97b57654d72bbab31792174a1b7c7886cb7b928528d1ef50827d9bcf7ff6afae050802c69906fb71287dbc4208a44efe40e64595f5b68baf20187bcf9a3c4ead9d2cb3901452abd384be664aa9474c85c5162b73cec12c3cf19f1076beea38621002dbf921d9981b0ab3022266d39b4173e6552c9c0cc0ea5738b0dc90cce1c9736d18d56e5f0a6cd5a3ae2363befc12474c384dd500ba532949f05415659acb8bfd5311543a92df7dd666058db66376595a868ae3ed42f5db23e5f060623d4cd62edd343fc53a9f6eb24b21f94bf5600229d95ee689ed67491f4731def26c014ada4f364ec2d2a676468649baa6b88a533567cfd9ee88d6308b932e9a139b69796b4d88cfd0c2471816055cdad894744a818bdfbdf0fdc3114898acdf6287bff51ce86488538b400c5cf2173d4c1de30d7faac2ff2ef5eea8e56e216f93ca8f6d2e2b5f0d9096f6e504fed31942a022a7ec44ec8eca033e8d167f25ace69830cef4d6e37bcb9ecdd9a4facc11631974d7125d2c63fbed4d26cfd8919e44dbdf9607b2c220d030eee17f6f3ef8e197cd20d65cfcb75c78febffd63b55c78fae8551642a48c6a8241f330cac4356830f9f934b4a267bb416ff8de3ba242b91c9f34075892318df748c788e4750a3600c439279a4bb5b6a29a1c18081ac3901183754578f50d0f8d056831c9ba8f12e6618af84a4a624f67905450c891f2c2f78b015eeb5559b669a654579b504e2129f30d641ff3592ab9813d1574ff2012e094819be9db730d09b8c220c728fc03a987fbd55215740fc954be2e2cd8f13bb4599b24cb35bc2127c5e0b5e814ceff137d2fad6a5eccee5128c0376139816182bc9822c51a12aff2fe8503caf43c409a02e8f085d747867d2c160463731935c9aebfbbcf34dc20739a4b1ccd2879a525393a138ba43b90b1902e19e62e1bbdb49fed18348c9484d9525785d3ff8fb461b866212925876a1f4af2a2bb26e3942bae6edf97c25bb5786b384171f64d255107849d67d8fae6a24ea87c9f567d17b42f2198118399158040fdb423611d7518aae40c0b15938d71be18b7145b886684d25bd72177641b3fb616ead4e9fe64d983c29a130e8e6db946d438a2c2619f9c5d3fc4a4e4e240cd3dc3ee03c19d6a629bf491ada696fa82ba1dee2da2a20aba804d94dffe791c44168013bba03a2d25368a9647de6925b16b025867ab7f64ab39ca4adda8dbdcac507b4f589da0318ccd88e1721022a4c63a888749e12e225e009b3ee9b9c793cea1da9da07c9fbc8aa2dd9335c7cbba7f6c2f0dda4a38571245e014e71b1133dd68c23e28bf86212ec6622fe74e4cfbec1d9f7740b4223749a1196025958d75e41aeeefe2fd223a963b401ef2b4bcf4e90d8969baed2f8c8f37f4fcfbe2c2040cf6f9cdccab68fbcfcc6a1abf032311279d5bb3ba5130749150c9de7bf791231c1f208a08be51856c3a2e417a3853b0130ebd56e413e17c80067ce2aa908eeda723636202d5299d9f564e5494c4660691e57d36b4b6a85ebcfd33e594a495db762f6d45e15eefc3a5a2e61a83f9f87d7ce05b3db2451e00b5bb35b7a15c4f3d10b16b306398edd40667f42fb6ebf5ec359356aac21ca70709f9a9ec748d4f9e4c05f91495f4cb076b553d5dbfb4c3d5f3e7e827c4f740bfd5cc4e447c6f3061690e23a3f40258ef48f4a99ea73b33b2cbf3eb22e386d21cf1885d7ea38030ceb570d8feebf55592ee6e3ea3a30309ba6d1634d5acfcaa5c15ecb25da37e3f6188c49dcbf3c90426bf09cdb2d3bb992541e508efd6e5e058600f58f6d753293e8360cbc8e2a81ca5ebeb44f354f2d08fd4bf81ee5ad75705b8012981b8143efd67d034044a3397391cbfd7db2d79778f55d402a7ea3f92687ae0c80ce7cc8dd9d2a432efa51bfdb54453d01d54c413cacf64beeddd3d468abc755e65c526fc8e705f1c2fcd04fb2dcbec246d988bdf6bf8ee8d0b60e1b4800763a88cfe745c01bc533c666f2fd009a6e5083eff24b4c8e221181c22f1b6b39f1bede9fee668c32890007f1391a0bd0d246fc5f1fae777384f2ff402b2b17efb1e77d5310ea100e1d653868c6e8d28638b2d29ca2ae9fb21f105ca48cbd94b348dcd670c1fc60a27a7c087db5c1ad2fdb66e7f4558cb62fa21f52bb23ef51bebbd27750fdea512d1ea16c50dae2aeaad5f057e700c29fafbb5e214b8e2ad4f0ee6c6fa5bbd25a5558208a41d892b48e5e2c072ef1fc4b4f6c2e5a391f13a78e0ba8a0d5f0b9f376e58cc4bb0583569a8dc47d7e2bf28a68481bf1182ba2b53acb627d02e79b8397ac5ba294d31508338691a3d4155fa31496eed21a8bd8e3d50d24872b0a160afff85d69bfe4c8fe5ee5f2464ef3cf5e8c5368d84c12ed1cd00b50f5834a7c9c2efbcf7a0deef1d9d8bf2ff945bfc29f37e175ec7417d156188c562803dacff80aa1fe1947d5f74a825dc84bbf557982083d0d78844fa8820edb3c71bf4ac4dfa7ad3c3c870f5c1b020dfb98d5afd621a2e4f9f4b48bccd140016410d6e8f0f9a4dd2b3215081fc7835d6d9c65db1f579dafbfe6d3270223bd3ba66e4b437b20b533224600cedeee9064c5b3100103459e5c2c91fad47c3e1778e7447ab35692a42583065b772abe6876429227711d0255737587908defbc8ec869e26169ff00804a87e3353458a62bca922dd6ad9ac90c9778c94f2d122b53dd0955291cea91d4bd74a558e3f417f0204917714c16f02736604d423e5fb703134622cb838154589f7fcf9f46f3c45da2fcb2e0dec06d77f7a02eabfdea75a393806328186f442a1ea968dbe76a3b286a3fac4a811aa8deee19daef8da2c2c030ef2dfea2f5a69ebd61b8312b7d6e283ce360eb7e9a88e6e8df57a4bd93a012b1a80255546931dc6188ad41dfd8a869ab84b01bab8b812bed83005156e590b995f3f7b0cc93399fae4f8035a9a643c8e1d98a92f8eb5f20678c10d22d5542b39b119cb111dd47b7a58bfe15ad0368a866d40202bbe0f2a4e2b0d444a9ea9cd8f6dd9baecae3b24bc2bb11ec2205766d74279fd924ac48d24c5bfb75f67d7a7160d68ea5e8cfcbde7ee66f30ca3a6f5202ccc90349fd068718d68c930d355b89f4ebc07faf0cd1058848de5057fc182c8c65e6fb71188c1a835fd3af79c615cf874ab858842961103a61ed5a9a8a00b4deaaa15148551ec17fd04329f714560339e9ed74f6213a048e95a5eabd4fc606343d6fc6d4efa87f531c5ba21252b165f799ca531d2db42e325361066f32955f8f949eb3208649085d2722a2d96cce44ae9c0503f016cfa6dd5a4de8cbb785356987f302e66e6398063b1bb40b8a5310d32a2b924138732bc34cc1dbf09f6e061566408416edf07b4fd9d9f64fcb88e1fd230b689885b157a734109e577f85ba82423f96dc5ff6621f2b65baaca45f8ca4aca3796df24c0c68150980d881646db4aed44d4aa034ca8e9af055e13659469b938e0a0ee2ad175588ac4965317b59d1e26a95dd06d1e84c911f458c727e9f0e2ded9d33b5f1c4a44406154afe972d53e269db8bdd7591a59a2841c1b5bb13dca79096f8984aea7884aff60e73e2276dd0ea4fe325429de10db7090688c8c445f8f8d84fab0813fda344f8e3b8fed395745af3ecdb3d892f15f8a673f3bb89f14a5e3a7debe5bbdd02b9cca1df1c7b37a1a1cc0b2f09a8242a25a9fc7f4c7ed138e3a179f0fd5cf7763e0fc026e30f3dba25ff60232812fb6db866755a44d6f79deba543880878d3224e8e1bef8a9496ab325bda7043eba4227e1c5f6fdc5136fa85ef17099c1e078abf7a54913e5049113fb15212b15226581ad09c519890ec3d79501f365f8d315471f78df7f453480548b72b8686c400bfe610fdd9b3cdcc8ababc96ab984bac9d2fd1410ab6169eaadedc7a7119acfc817d8b5566c6c4bb447ff790d48b87eb92d0217309947586b0291c7b5197ee6efb42931d3c7e4d7f08f27d0dab316ff7c13bdf6db9eab99f5cb8278e756a8b83bcfb14988bb08ba9fe539a955f88f673423828202225aa8a2c0d2372ba6651d3a6f67f0b0b41ca08018ce4e66819ccaf444864c06a3dde185d544b62473ab7caf1fb63c2ed3adb2a6e1498c81edc1d6751fdffe19faff4a8064e880dc2375efffd66fdf5534a51dfad3f43642d82f2cd37d41a12c454e0122513076ff610b33f06ef30c88574e622ecaf3357ba100e516059cf6c2b9103a833a7d3b4f7ca2792
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.
