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 5892f5db1f906804a85bd92bf8a0974676f8367e641dd1b371b5466a7d23add03836d95ee9a011de4f62c1bc98492c8109ded6dd9d2db0074f7c37ec7ec41148d81c3688ede21b9fadfc39668c378cd9ff47b2414e0530171859b3dfae275fb7a5bc6f733796f8971294f28891e6576f723d11a33326cce4dcc3aadb8d176d88766c1a37ee8eb66332888f37d0f3b40538b6ec4f16bce9540f11d0c53d33db8b0cd841563686c79b14787a608e987bd7d226a11e93304a6e85c99c9dad5ad94fb4f0baea2cde99e28a4820ed451bc7ee0c9c695a3de8078ce343b25e5e9780da517e6d47b9f71e76cb37b4a140939a2b88375b3fe456225c7625c55a82d6d84c2790d41f0b0493107b6d824cee797b29ea103c7fdf16cd1fe173bb19de2cdced79ce24430530d73cbe8708094b815da5ff7907247bb1a7d8a4737cd081edf2f644fdfa8db98aac06f356740cae45bb05d407c28432cbac89c32f7a46de28a060a0fafdc15ef16edd353118ed8fd89ed253d6ed19005e2357dd7ef7bef6b36b86ad13de6db6357c945ff2d539c7af8d156aab941d64658f8911b87847828c5174a9df5b1df3f11039c7da6e8a254ad7f7b0249391dcbe5a18cf7701580c9b860bd321e5d4e77822c07707174befa42ba1da0de6da589ebb359152306ad10d5985ac8f48f5ebcec101ad7e0f83468429d30e91cc9c6a21d3712f5e8b365867954585dbb2c52d6ce687fe28396998d5e9aa2382c8e0d52d757e24f9227cfbf5ff9952c2495b1353b9f90a6370078627cf5402ae27cf0506b99c00b2f7aed2ba3f3d8221ea38b9b17197dd1e2c22540d1f08a65f9a5e2acc702107f4120dc93c439d484530b80a7f6123a378ca4675aa2cbcf894b486a05ecaa134c06d7882080c1dc77579f0fc5ea3d547e891ccd7670ae441511451bc32ad65ee50f006715a48bf69bb40d1feac7f1b25c0fce8a16b23297ebcca360627704db444ce450250392110b376801a06bcfb3979baf509901bbc489631330381ea434abfe68dcf9314fdee22e6e1af31e5c673c66cfc6d13d64b45d67953c99e46fe57e3d3ef545eb74002edfca841a5f4641b35ab5034975ebbc73aa6b8e4d891bf926d632cf2dc8d9d63e2f898d8333803e328afd5ab9727badf537cbb7ee4d60da0f0606ddc4cf554910af82e452c5122ea4f562440548b0c45ca8b7112d5462aa8f3af4d1afe533ffcc3b7a84c07a8dfb161a65830bf361a054517782fa20f28192ce5c513eb3ce068b670da6949bf9bcc001390338bed7899443bb18a4db16abc49222be3f1f4fbdd465825dd427a319bb9b9814b3681e4edfdf2eae630ae3787addf6f19e12f924e900b1f7ac9fc91e4af2091b55b848753e4771009d879ef8187e94708aba3b42fc4f19bf5e13434043af61d9098753e2d6c5215804da417a200753c9ad8a3c4d5c890e7f23aa0743a2f1b2501bb5dbd104c3fbcbbda9ab7116d6255390fb36812f10c4f241fec2376eef94065c3d0f8da9e4da8af041fbdadde262c9b027a332360bfdaf5bda5c7b8ced12a41f1ac9929f382d0cfd83f10ab2ded4027d3fbdb80026f9dce0e42870fcc6b239968f7b63076d641f982b36e0f317f146d8e8450e6a4171bad0bc2e330d9d78444f16ddf0769ec55dccb84de6c05790423c069646f42645a2108918f9bca669dce84b1102147aa38d750a12b3d549a33b82e6d315c75d776f5f3e0f9829ec0c3ec4b0c5951907681123f94418be1ec010a10b5daa17b8761c214f85fff0c04ccbf0593742108f18c67a609daa6d68d764e0669308866ce2d4df244ec8dfea5fe80a3b829310e2a278343904392240737eac207dd5cca38852a33cfe496d453e429992039aee149209d7c7622b5f61bd89802f82d1d994959bed99f4be06cce6c6d7c8c16508a0019bc1b510aa982a0714f8440a177ccad88050c763654acc1d3c92afd4aac47c79b0309fc52ae95e45b4e39756c37be8fdf71c77eca34f04098f999eb51a6e7f81142c8d6a3481e8c227eee7a55f112346aaf9569d8f275c519cb54ba5b5565fb1f031a8effb33b912364fadb655ea491813fbdf8cc3174e6053e6160a6ee0a1d3bd6e389ad6370c1c6e3fdf112f39fb10db0ba035b390811b430bf5224309e63dadb9fcfd48a1be38c24714e8aa91f1d94127f927afa74a0d9f88656a3acf688683456a548289709081a538a1794216233732b343890cdfb5d6f6dfb5d0599cd90a37a6bbc62802524ca3c8a85f9153160a322d6e73809dcd67e90985253056f279b0dd7de0dbe4103fdd34bf3cce7ee049dbf67520184859d399b197a0634a25d0c8bfebc9ce20e19f8f35008c653a7be083f5222fa590c41da4729c791b20ae32c4cf91660064401514cdcf2b71c91f08be9082365ddd903be3c9758788a22c94b85568f85ee36c1af357c5f6d33148221273e08331c0d3d9ba418f1618a73040b73840b6f42c8ff37e6aa3180874bbfa90d2633184679a655d9f4612ad196ca50bfb68425b376bc12d1ba9ad334c098551b4e22fd21416faf44b1b89b078067512b19231594b41c280d9292e62c6afe03f5b22611dcd44b78fad1bd9c95c60457e99157182bbb36d87b18674adb701305371b52c4213d657fc423b23fe79da8fa9edab483507d31eb2a788d4b91a2321952ba2d926df0c21a6508106dd2a69695e353c211872f48a2dd22b14afe6150fc231e4708817d8c799fff8603277fbdb736a2dc78a9a90659af0d4c9e7fd8f738bd3fa0906061b3bbf8ef9df2065f042e5e599c08bd955ef0f235d7ff1f2df76f014048d254a53e3e698508c8f3a868566f31e67b190000cf8e9d4c0b8b4e02414c4a46e26283cf5ca93e4b7c131f0a260d7d43592a5e21d4214d4281923d0936d3770c8551b4574f391d6818e193c43594451bbcff50f9ed0570150a5effee95dbe826a69464db261a7de9893c2b85b952fee2ea4d19a079ac8b52fe36c05168a4f50425e1b0734abed78186fee704737cdc41f4cbd1d3d6108244d4241a46218c2ac739f4007728860a2ef665c855250f3eeb745fba875d4e279d7d6e75e1cff6ccfe75dcf6cc31fb33b6633992b075dcd1b167255bfe80716e6d719faeda8ccd3dca50fa08d7ea48e5f502d46be4c580481f65247270be726eac143531dfd68ef2095657837fda75d2ea3f4a69bcd2df664e43328efb2f78769f3b54f2d7a02f852c0b5ebb33f326bbbe57c373ed711a2e271e2faa10e731a884dfb65563f1a00b255c12f71c6fb5b2dc73b1aa19bd9c798f370ca1759dbea8e050c208355868a78fc8b7e42d1dea29e348c85730621528f5f92d7fdf8ae803d7b558c6dad82f9fc37ae10ee36b95f1e83abf5835b636fc0e8dbed409d01b2f09235eff02491094605a759218ce47eda4767fc190f79841e4db3b44532d7690954378e1616a673cebb557535dec9474c546dfa4f2f8a02c1f8eb36a93336c7f15b00de4fd5cf2efc44d87c1bafb3abfccb3b74e6d9ab52d0344a964c58718a8c7e1a8524df5d4d965d902685a048b34c629a4fe769d5f12c77e95915091f656f12ef44e1ff916b92f3efa31944fa184dd5a0befcde6d293f1c5c4232502f71dae67982ca93ebd25df7a62e01faaf95a8a5e32538215eb8558103d306f8b037bb7e4df12e813ee1847548e292b84c603cd43346f2ad0ce5e892a48d15689b3999286e9a1886b153096b03345e99aac650c99ed79e1ed4a3747db4debbfd3ee2e2ce1a4f5957b8e7038854f1755ba96c871f9f08741396a1eb5a3a3d8ba73694197e15b6c9d950ef5a5819fa17370729a5654ad15ac7cdcbe3dd09e8081ffd0f8d1f5f646903e2cb7bca864a20bc99f4d61d739148c0b2caf0e998e8f14cc3f9c4934a1f0b2b5e87b9b1cb5e957b200363b373bcbc59e563854c1c467844fdb9c418698702513e709bbf4b56771d4efeb9e63ef00a579ff6b88db489eb11bb984e7197efa48fdc801260b73c825096c9973866ff39517c0823a87913ecadebd4f672b928a906d0bd1eddb81de9b24bf9742de9c5fd9ecaf0a5ee4b2390f89d193c19f109b5121b1847df0c95f35894b0613629eef3c75a1bd7cc95ee3b9395d868cf17fd4bbea3cda6937278a768aa558df605f3a65c73b3d5a4792db5b8f0afe374d42e9290ca7db4aaba03161618f64bf6e356defc7a53216bd7c8fc9563e13b407941e61bec6071dc3c4b15c0a4e88f1cc6fd2e372338c6f8a4c67ce33a08c8153b357b094998be673a0ec95f2aae1923350dd8c330008d22165690d149e3003874d4e4c99b9cbf41ea3b822adbe4d84662f79df6b21fa61d74482a93e5843302f8ffc28a6e7eda7e9dfdbce37b5bd7dd15a1bd94995f6187a28e6311dc3c010fe7b068058ed83281d711d10700620d046e5987a13e5e585dbb86b3905d7b1a4f85695bdb11e100d7a12e1172d09fa1b27fd0042626f35b8dba2878e2ef59d93b1d26ec4fcf84629901c07c0a167d1f8e0b4874b9ddafc7bd16dbba926341e3e44ca5ec21551f4236fa6fd4fcbcfe26b1b5a3c11c2aae396d59849bc7ebf015e3a67a16e9b489f2330503ffba05e637060cd1211592c3d6d70d02dae9687f054c85a740de1d904cf447fd29ad0a9d543c730b8227df5a74e54fb81a34432d7c551764aa1f117cc8d630360b6b6a4d5b5cdeed9cdeb0bc8af8e5abf094cd67266f0427859bc8cc5b7025f2ddf072723dd2b983560e8c01ed46044cac0da0c3f1a498dfd812d5a0f5f4a8879484a8724c261c57e53b5f4b5e9cb811bfaa389ec7314980c05deda92a70ed062a028bb0a77065699a09cd21b235f1cd543cb784cf13002360c245b11a56c6c2b185b43b761ae69e33134d037a8828a9a5ab900f7e4e45c4aaea5ffd79e2a407f9b16c1ddb03872e6aa1e700d0e272180632c0f3b7802ab40b5a76adac157cc8a4cf724d95e2c8cf6ad743a406041c7eb25c3f8a28bdc7ab58fef4255440c0f909e4144ba2ec7db6fddea99db14f2de66ce439cd93da67440f0fdecdfa029bc4e1749c10abc4496a54a6f3e4af7fea08c23c2252dbaa953c1c46dac634a45320fa5ef325210a5e1730c21d3590dfab16aa241367bc39e3d76720f3643f35540a6c90217417366f85a94185bc8da61b748d66133b9d494a209e1c0c9db538dfdf838a7beabb4f54f665844d055acf60b7d074a5e4671c77968c146a9ac28d873e368d5fc6949504effd10354072af1f61258e37e2fc249930dd8736df919c41782d40b73008780c913c85033ba43f5978eb2e144acc9bdfb1a25b778fc64d2254f3aa336f8220bf06174f56b837ded9647ea7b000b0931cea83ad3527a333016e4e1225bb3671aebbcb3e32e5ceeaeec8e52ceaa208504952ae0bd8c483d296bd2ddeadea70c6e35b9ab94c8ade3f675e11e60b2d2602dd14dae9a57405200f6517369362bd3e31f3406da04332ad4306bcb601ca3d0265366bffad014be6107942c2efbb58095d6036d98764106ae685d8f9232edafa9f88c8ea7f896eb2cec29463d574acbada135970c9bd7ba3df9b2881167dd448758652038c20dcebb8785f36475b1298ab464bbdba486bf65fe240dc649d51b10c5078d7a7f768f1ef9250d685d8c2c070c7fb01480fb699b575afc962838e274b98567ca73422d9f1213fad79965b0dda5dafab57cc12312b357deaf921f2e6dfeba1009e9573bbcca920c29ba68b9e83421aa0c1daa1956d613508bc7d1e3a9cb54abffbd664bd4b061103f4147916505f6034131fbce6eae4bec0ec2af7e52bc7086d1d8d9ad48149d02e3bf8952291d22739d82247910319facacc8a634823e8f1aa3b93c94b04e814496aea485d9d3e1a03bf27a3c9e2a613bedc69a57187a20b574b503c04daf18b08df63ddb9956b5083eba6940d9621f5c22706b0bb9e02c720ecf6cdbc54284c337d8b94e64f0648700c5c7fb01fb62c3c454f63d81ed2e0fe8d0c691e433baff49419bd84a0771f1639af9e69da9435f6ea97dfae2de0028d3b5fd7d66f29dc1fcc3d486fc2bf5fe2b6af741d60c230b91ea525a8e9a2444a9c45bd7d789ba64880382918cce2a3870c82d8d195fd2e0a1ac70eed7ff08b6b28343fb3d76e14443b36e21e24e0badb9cde9d07b001afc42c1dc0f3593ac6a61d08ad1ea9e65b2698f82a142a90fd0017a8b18aef3ec74cfb67a6df14997a02fd9d46794929c31e5c5723e413b1534c5ca82c7fe587fa5ad27386b370f21c30967501c0a8a2f19206dbf5427eabbe009002ab79ba7edba1d8d7a41168db653cdcc79aedf3dc5ba8671fced2074ad9e8d1d31ec997b5c9653c705a1797734a6a2520cd6598d4f2be73d82d7c8fae2450681ce0dd54d41c01c0cf202fa66a760609acebe338823e14deba63f81c2dd7656d44c9319801181b399f48b20f25cf172dfdc5fb342703c36415ed7b71209127c97187cf1f22a61533455b04b7026e93a646d6bd024548b8ae9cc1d552790780a70287c683d3d5ec3501d97fcfbe086b5bddb854029d2ddb6b3586af8e1e0fc711c44f1ad1c4d3e194df98816e7d89d0ebbdba12469c9d610071c57ea7a6114b59d32e571f25a8a8b9356b09cba361f8bac5146853070ac8e1d6c1c796bd04d109323b83c6e83e562f49525901590323b9e38e04fb20040a85cd075d30873d59176db5e968bc11fa67c605495133d5261fee33b08e08913565d4ba40cc04569c6d39dfda432b9d19b900872b44fe8d4f58e45b624e26967043f59c3311c0695fd16e329e9d46c332d5591de602d6146d88dbff7d9ebf4b78d4b970fbac9aa4332ce21362d10cc961511b82f49e0625a7982fa9dd59278724d9371616231c81b3dc3339a309826409bd17e5ae93e59b8c87bc95803ac077f41466a559a541da790c3ddd16f9341aecf6ca7f31a411d29332094448a9fedfe4f4bc4f66c023ed02caa2dc63fa9eeab8dc89290b1e23696529a0a8e14bad47d0c43e17ecde6addbd8fbcbd92e4408128d1d96879ce91919a361b774e7be33592080967a44e154154bcc9445ced7a1bb58a40c33c4d2417ec3752c37489ec5bbc4bd221b9a1474dc659fa176a1116d30aab40b4b66f09296f55f43a74c755390cc7662654cf540820eab3658efa496f9cc9062d324f6a9f83ebf421605750bdb065a8c111845657fd7131df1af8ba380621c30aa383efd61cf464c005f4248ab199a0db436d0a928ab3d7da9e9f5c37d1620f25b8a14c58721ec88226d998943aff474b62d6efc09a24dbe70dca54651eedacebf6d16d3def16ecbd4565ff1750dcfe3868c909ff54a59d51031b386e9bdda289b804138ac0100f21e7ab09704dfdbb2d9f1f4df7d9fa13dfe7020f9a00a5c70f50e3cba05b98b94e230149c5db57ebe1b470eff501a826a14bfe6a14920ed3d5a6056d9b7b98253580ffa11b74fa75b865d6ba377a2c2a60d0306c8b78455efb12d17bb53160d71e7090997ccc4027256388a6cc23109cb9a56275f246943a674f92dd26487ed730e2480bd1971af54d1a33d067846b0a1fd846029e122a03a450bb9e930027fc10f4d7c600c526a0af40fb392afb567095955665eb007492138d40eddb63338892e63bd7a33c0809fc7720a546b5c72d043076150de5968018c029519f64d4b6005e874266e022bb9cd0f79b6d1e8610965c3fbed04776bcbf2b1fa51a6d42e14c9f89c27e9a29bf71eaa1afb4bbad62fd7ab831f4dad559211853d097b3efcabd05a5ab46cb1a38d8fc48b8dd301da18cb00b2b680356edb1482864f6b07287de3075a011f3935ce9b7215cebb48819f59b3c1253fdd28a78623dd855d94169582e166692a15da647871569d74e430b22b69cd79e386ae908b1ec2cc35e2bbf6996fc4c227042d4c5869fe1ade234e177d860415d867a0b679d7076f7acfdec82a0b4e5483bd2a1fc06174d58e2972d045b75abf0a71267150289f02c48b906d85dba9fb87ff4ad54cb7b9f8063d9268fede8d697e7759a175777dff772eba7729f7927b95b557cd49211c4ea6080efa84bd1d271f89cd97d2a3c3f0e7aa09bfdd14b3b199f3af1a98
Carousel layout
Grid layout
View code 1d75aee6b4d1f7aec56b0b80f9abf7729c1155b9fabb280f0a2f9818c92417aa691431088eeaa3aa6b4509f7a9a271c36d194afdc69b190f3e565187339316dc179adfbca790c563e64b8f2e1ed122076be431a434090b28db31689dae28951596f57737cca117ba6b1f31b306d13fd02a1a7e078b1fe72c6dc85e2d1ade2dbe5f25183a87190cc6e42ae7f76c072682dc1d899a11180ab9847eb18de64d53f8ad1dc723cbd3ba24a89e88e856ef88ddc4be9b8c4b14323e81ced36b78929648a7c791e2845b3721720457176dfcd899d0bb7ec9a781a0873efdd15bbda3563ffe84bdd371457dd4a4977e573e0e1ab17d12dbb63bff057b8da59a1ef1e29a9e27d2865466713d5c82a622cda98e7149b5750037355c5f44d07ac7e3c2d5e25e0d5aa71a241f416b598f499d5c3867bf11f94f741deea6d134307998deab45fd61302d713aa2fb79538ae5e5637e8ed61ad72809b5b03372d2da9d2e8fba4c1071174f3975493f97aa26a2d72433dd5b5d31cdf97073b5e0c576ed31bb0ced64dbc5382ad861a6b82f38f495d4a7ee277c6c06e3052904a2959494a47a0f62a4a348dc8d577f976afefa111bf584dd7aacbdf2a5601078eca8a7cbfb9cbb6a3e4756f02f3ca3140064b5ab4c1afa48938a3aa8c4413738e0ed30510b679c1aa6f78c65b2ee2d7c30895c8c75b2be3b9d4c02fdbdac0020fd1d9e216610f7c42a66c3264a30c2706dc16c0a3146a51c762caf1972f905972192824bd9e8bcbfdf55a9809c10ab29b36c7d95ad832b337ef6a3c6018dbe6cb72fd2e5c991f91942063c3edbce9418dcad49ab0fd6db5f43a81c2d8a2c0696207f1f8800d7d73a4f81462a460fa6769432a9cec4ecf7b3fd1552498d1ef0b9f4a3d03a5ab94990402c24b1a30923609582fefa07cf021b24a206eaa4ab7ac14e51adb76021951db96b401a8f843ebe49926bb8f9d4fe9ed532825d7258805eb79d06a842fe60fbec6da8c4352e3183c682661988a03de96c68daadb33dff8d6f9444894819bccd8d47e976f5cc62265744eb66839d3486032dd5966869eed4773049e4aff7f1604f6dd98a079c5a737c62d9eca4e76702379bda42f24ae9de2d07cb147c47febd36a29342f247c6603f7b265ed44d6a17168005639617b3b6b3b36027fcaf7affb445996438e6b9ef10c3da1efb2547db424283466386d48715943a0f2576d3a4cc8c2a1acd9ba132457f98eea28f14803f7669ab9b27900cc040fdf088fd61094746f7308571c71fb4cb45dbac8620241bdda30ccede1a25328f5a5f6b2765f83657e8ee725889846af8eccb53059a308bb7808744eca3cf4d8bdb2f7eeb9a4d43b2978306e7b71dd3d6e4f3b2c9e758fd7df596b4cfa9dcf7985b30702e73af926ab7fcf7e45e865e4a44aae3a804d33e9c77945995c605477dac2ed6d358fe73ddbb2080e1cb08609263439cf9589fd0522ddc767ef2b3802afaa172cc21b5c9b1f142e34abecaaa8c7b31cacbee5c7a51d681cbed210a08135c39bbeb6e33b62ae4ff707a462bb37a8dcfb7c88024abdfee735ffca8389fe627c369e7e6fbdaa117e9c1d55b4640a0bf568aa10c9e843158b8abe4e290f3df8b09d4ac688eeeece3ad92d413d2b80c4f720147b5a96990b7436d8658b36c83d41744f95aacc4314a37f3472586c09fd3d316f10ab12e7f5405e7a27a18d52b86a02f342779c903ad736eec9f3f3be90588bb7242f0fbc1b3690bc3370b163e8a356fcf69a1d9c3bbd139e2ab2a549f7fa908712b2b13fe973995366fa5f08bd7a8e088826f912c07cac2bb909199701bee55b21295664c61bee797b7b1864bde0b4ce2efdcf48167652a4e61745c978ace3f55e7ee6135de11dd391e5d889bf37681445d24d1ad2b350ef91b8af0a0fc54f83de3ccf2c5519bf54336d7257855891a16c8ee46cc4aea937454a97a299c6f189c93984be4c884d5fdf3651145ecd25c50dd15ad3a9855a366db9e6f47c86a0ff14e18f84764e2b1b8e3e096209ad0871db90eec9e241cc6d5ecab237a0d79e0233cee61a54c843499287517f7dcbab9927fd6d4fd7cc47f97b28187bf268de73abc2ecac594cd946ad31b25f5b7a2f9774ed094f5b52d0b5825652e8c7ce1514412fd2dd8fbe89906617608e4388a7fb9ede53b39c0ab938f936063d5dd6b03a51e8760a94e28a7ad24b7bdc43e067a872672e2dd2381c538cbcd67877e7c102d14e1583dd4b53192d0dcf5668652651575170e57938e03f97c5a2f703b7064dbfe6523fbbf8bfbccd344c1790e068b9ef66408bd4d518e73fdea3db05f3c98131e92412bd9a0e28b60e09fee3f552bc910c93fcd28a78e5b6be3ad9f1db5df2fd7406bfea81664f345e481819eafdfcac04ed8b48e0307b62e8c1a47e3242305df42aafbf15a7661f325ea174be38255a97fb6408957021f0c23fb99b462cc06774e0c1285f9d2a03168bebc06093904fdb89f9f5fe6486f75ff033cefc2afac3a5b1d9e8d00c6d77914aee2836382e37a00bd0d119b9bef2285206bd768c046135c6e511fe4e38956dcac501e7c56c5b922b18557285e635a0d0eafc3f5e86a1f157a51303f862ca20887408f44a4dce7248d2ce477e6a46494d3a2ace0ae0e61c92655abcb5fff9898d65081399592d2f7a499a9fa0e4e20664e42062fc27f83320046c82dad48bed163be391877800fb20d32c50bf5558cd535a7d44e05d65e71ddda675f2fa6e087497730e7f74dd6db3112d817c65ff2d9f66c19707c03f1fbc4324b1e473e39ec944a92666b07b3befd1f86817bf98e28c9db7dd0d295c7346af904157446db7798dce6ce11c9c11f94e8aaa2d3922d205a7ab03ce1823ccc42380641f0b3ed705e717c1ddb4cae8ba4d88f4791ffe0e07fb3dda2c14cc7f706ebe05e0050471237773b851242d48cf0457fba06f25f03a4ffe0620d58f4e624ee6c4243d0ffb5e98f3082ad685d415eb854ecd700e9327a3cd96c3f5d7625881bf2e793edafed43b8ffbf62adb2acc4fe79250ec7a1550ee8234f0d2e4a01fac7a3fe9f67d24cb3655c0f129d6394aea4238123f1a6f412813d79543e224d45a229c87a0869596d08b69a4310e2526d13c5eabd5b8910f3934cf45cff07cba23bde6d6ac562ac044bbe18af45f8e32df3472c23e35b64fad44173762a47346f76bd68d1b034e6d0f969d2ba81066b6ac19695f9b4fd1cb3c64aa51798cb6b2f39e33b1790a5e79870f2355a7d231490073bb8a2bd72e518fe767ec917cb6aae82bdf91ec25e8cb0f97f01b69f97036a9f5bf282c20e19151e3e5aba2a59f2fb0be894daeb03a291f12ea5f167d957f69358cd56db74302419c73a1d7c86773fd192013e3c779643ad8bd4d444dcdcc88487991b137342d4218c6a79ecc0a21d2167717ce4271dc0246ccc2754ee0853c01ac3b95b369aa88c295d8d651c6cc52f54402b83968092431210aec2916d998d9b8c7d7fd308b12bd8c9ccca94fd8bef8c60f9b1ac64833ca85b7b40bf439a491455573360c2e09a7fe11898c763dcea49d26b0039522f37e96d0e8bcec9acf994e5ab9f1d9f7305c1b3fdd87c7be3fa44535dddeedd3e48d2e43d5c201e08a7c8c998c5a309a3e16fbccfd41afda38a6313a132e87590b11924e94730775c8c5ce26f2f1ca31d9358ed8112bfb7b38fec2ef1b4b69268a7cce02a52cc9b5546d3195dba7cbccf441a0264edf94a801445169e6697447784b051883f58458221e40434fd97b6110737a54703f32f93fcbf9a4215b622b74bf9edb5d49854f9ebe1745c87f4a0ca38d0e207a7b69204942a6806f2396fbe12a8acb0f8ad4d51c236773d5c04c3c9da5b60d7efbbdc7a532dade53eba7959193b364cd93a406facbcdf9b9cdfcd2d75ee27ed0c9cca306cdc496602e24e850af38a2e963c696fbf39dcff751adcdc9e4eb117a131e7de5e9ff9a274578bd35c7412419e34cce6e589cdb39635d4271b5c863725e8cd163a3442c9cf6ba2085e739d2ba353373332a8edb54a725ca295a783751f5cfdf1aae0befaceb44c0c252d92fcac719080e9e2094b429d299d9fd3f8a23253174e79c883f4f15020c0d7cfe6c5d2f6129f1d456c899f89d4e926dfe301bd1785687a179bbd6ad0fd584f85edbd27a727d6f490465af1dd77a164141cfb6b67dec2820d9a7f5c005b2df91393ec025c2411c0ece55c3c812cd8c8cd7fb4366da89ca07a87804c48592695d6320b6aa2254149d8472052648857c81933bc19a58526030a3b32e7922fd4afbf33ab0ee0da24d157ef5d1bb317965a857838df21cb047314692b84de1ea760d6efe540142b1f9737665d3a6d22590c1dd665446ac7864c5ca8d86d0e0d1bbf436d871ed3109cbe909f3efa4131d66220173682f4b13dd8f2a4047a43390bb9fdc3f933f87ed8ae87bff9bd436d7d8c9598efc27716deb304384fb2e0abe41de27e31176148b665d00f492922cc9a1ae57f37245baa327b0affc5f55c42ece8c9069b5c2d44f4fe3e587ca27da113bf4d1b38ef9a63baaad45f92a708fc44c51a5be2daeba55d662c79943529a06112ea23458bb547a0415d805fd864ce85e039ffc68b3d82f64c625502507b57f64e6d64a2bc3b7c4550cdf7d5ef2cb982ab15bc961138b931340ad94e130a6e74fcda689ac9ce3c5a2b4e669fe2d90c1fc424c5a935647a9d3e8f5e8277b1a60f9d6626f83eba4dd8ed65616b112ebbf2836f3042c5840c72f42c45f31668127ab1592e9639e02dbf2fe6096f6f5ee36dee486c5c47c890e6079d3eed9e500bd48b9b562b95c2ad2207f5e722d6bace25971e1188bc8a79f87cdb732a08175784f2ad4caf0f02876ac9e8e69581147eaf349039b9cff78c66897be5ab26c82e19cac03ade02fede6a
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.
