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 608f961edca9301dd5bb8d523e0f545bad1cf7ce4cef7f975865535a23ee17cc9368664fce56db7c52566cc8861c432320bff9480c45d849c56726d2fe9356565892318cea248c82e464774598e245bce57d7fd6cb9612a995215031ba666850d710056eeeb6096aa8528bd66db94fa196b9e9fa67dfb57a3b4f0beaa93bf8e91f6e946cea6a84a04df55f066f34b6ea328e1f52f664a8aa6fd85231abc73bd04d3f10ac835e14eb6b9b6f7af42a0c9a4d9a040801b3336b7d31d2fb04792b4ad15f43f7272b273b8130f1f5c5c647483e06e788bbffae93b34743b01788f1a35021bda063d752d786e32e49832ab5e8f7c30970f39e18a41abdebd2eea117baaf593a7145fc4740e5330f92b4c0d9c863aabb9c4e7f9f9b4095d2c298b387296db4c844fd431551f4112fd6a8749f7cb4185b2e61d2819a97dee2fdc2f3bbe2fc4d13c1acd05e9aad1459a61a9846b0cd295acf32282ea7cfd0e51bff3b6515f9036f319c5296329b00880764510a89d361294536423a3de95fafb900d936abb69048a5a2fd1a8050ddf7bb60b43765f731733fbb1e18a580b6a040a41448b5b57b4bcfe602b5c467842894f1fc5bf52ab636824cc8195d2856f8164363e53e56f5965678e141116edf98076ea4673df8443b3707a9f30d8292a4c0a0123bdf796c36ae0e05899e4e9af1aaf71902ac16bceaa2ef65e18004b5e4a9df71139ecb971eae2dc71f519a1c88b84d074cb53cb5858865ca89199799c0cdbf5052d5f55ab48f36c2ea10cc782f7b865bd677e3a52cd26fe03fe3da8ec991f10ef00425bf7c910a639405fb51f3e35f14747fb492f7ad80324bc25f3438d310ca653fce685236bf2ec79f931af497f80d70c308bbbcaaa8754b26ce32326163a35059bd1026460e984fefe88325a0c0e6e77e1abd26b4b2700a87d83c22416ba35d111ca8173127561a55623e2866d8a887bdcddc7983ceb7c2a36fb0900be2da016c6d8e29b0cb63de761110fecf9145afcb039d048c9b7127a08d4bf1ba07c2f9a026238ea88d3f33169c3c0cd7d2f734886204a9a410e40117a087d4d21fbc340277b8ed9983338be016926b43889949a9462eb3325ad6c6592077fce54c23fc5dec81f0a56ccbc9f804c7311891807a980a2949d8a9babebb0407525a7b08d56f00989f98c553461bdec4c61382b823d5af0949ed6b1dba7d2d1247a51b08733e17b979a6b1aa1dc3e6e1e3d4fd09c0a3dc5f31bc75805f1d11b3fd9ab9248819298261b90bc8074444102b27469985b304b09638a05565cd864e79593cf0284ffb11bfebf2c8dbd2c23218c0ed6114ae8eb074c22e7c4c019b9643af2347f40fa0cdafa4a54e46476b40487267f1f6b9a254b94c88bee1b1b58d2c4c6cb55d61e62272761ed0546ba51a8864db50bfa40e6022830b8f214059b12b7491591047446902d8ee836e9ccd2e5fcf87449a44c41a10445bfe8390ce66b06721a372b591edf33ec8c4a1fe331f8774f931c7b5b875292bf28e03806d659f02bc63064040acff5bfe7f4fe7c3a6ea087e05a8cd665f4fa0e45464c68a0485fa56cb219772e3f6c0b50d9c135462698157cd739916f76e3aec84cf3f9a2fa42e98a1241a2fc1e04caa105165944e97cd0363db7bb98079d77a4753599e2a21a1979562a9b57f07b89b703dfd4619d21d2213f53d4428d93e03304557e9656955182b0311e90169688242294d8cd836acd1ca62980314c2ad57ae4d0b241296a397344273693b9cd6b7f5609e3843b47618b33fb451044d4bf5a33c072627416806807044f499ef1dd137372200810f7d11cffc0dfabb2fcde4346dd49eebaa1f642d3022a1cbb1883b9434906e2a8d320fe1bee7e0159b42027cab454ce49c0166ab7eaaf4a41bb77c03d92a5b38a35cdbb33742c0ef61bbc80714abbffc176e1e75017831a97273fa138c7242004c9330c5cb2de3215b1784c659b14d348d633181c0080e3768b24c552bebb37f23ede703f68ac7e51676c7e8f90b82d8704cbd463b3c038b0a72cdb1855e183b3f32978bfae7478c257b9e676744c0151ef3f4bf0fd41eeefae695f028bff9f825f1870e48b95507a16dc83d95901929890feb3390bf4feb6fb52e0fbc81948d7ef1d88ffb7391b3419e43c23f4fa43b8dc37f0339ecbf9ae87ee4e2df03622389d5b866a945fb3907e78222be273cd241c767ab7841e229c39eafd906fd02e8fdd3df96cadf65025b002afb59c255d97064d658a27b2d47bce1a62a6e58fd0c96b430ca89a65d41000792eeca2fa0a781bc49752f5cd58b62678f2ebc6b634b53baa3334bc6fd0d43c27bae725e8a740acbf74e542e628b38abffbd045f9016a2285c76d64da073642a508f3c56893259d61e5a1ac45e89f23d42fceb95f80e2d9e61c5096a500ff663bd31b2a789ea36a93d9e483da5666551d2b0b5ed6f99a04935119615f84964cddad77fc746cbba70197f496d28ecded9a698a0f3522865418416c668cbc14d78030f3f8a000dbdcc344e1947a701f8607e4f9ba29cba569491a66e4ee5089b8e31570db0885558aac1a8b3634907d8837299717f0f7dbaace7369e72533475c4b2d701968b36a12462fe4c7f2fe6d6bb8790207d4a38de83e1c6939098c06ceca1bfdc72dd60b9a7de1c03aec7a226db8e5b22e2331ace946918c85c4dbe0e11f8c1e4328c45f090b1c19f370dfabc1ff6c09bd774d81e680486b8475f8c944e1941331128be83d2b89a037d669e603d6fbbe937aef1931d87df663646b4d66becc155847dcfb1c02dd9bd3e626b9978002c8f1afe126e2a4f02b9e56f88eb61f67927a5a0e58395358b84d3dd22fddf5f49bd72ed6ae73cbd73d36d97c2389d5a173f519ee6c3ec572afa3043603d6be42956f5095301eab35de4e2dea9f8dc787439155b55dab1393b46a05264e1e0411db7e05222472007b306c5b91b6b1947f9bb1f9a788460c5b070d47230691032f34ee09abc99f11f11273ea78d1b65793a63344a2931bdb6bbb379700eabd8bf57e8d113fa415cbf3efee69bdaced781076dee2a56c08a585b85e15d64ec3859cc3454fc659ae750fbca81dfe5afe645289065c99b3aa03df915f8f83d258a98a43fd5d5c75469bb39c4ec1a631335599e0ec8279339ec78a33a0861f02357e382fb983cbc95d35dbcbfe81eb17b4a4ea5bc487e8c2fba1db21f3d40f9d42332a7365aab53daaee320e35ab1035f8e7f60f04bb38a936fe7b49c5d681cd658ee2a373101bd3aecdc2999530907e9ad1f0d4c81e624b8d51b84724a387ce6e9621dfc96aa80439b767e6a74e974e507986bd78c1e44eb000ad73f36cd44ba2d7d085ad4ef6a204b39a56ed57457bec171c83a06e1c678d8d94cec52f361d40f39a467f687a86c73021e452ad7d2a4dcaf2fb47f56235a943399e9613acf1e1797995ce663f6c5d6ab695f2735579bea596a978975aeb3313a1448a6586dccb21622b70f756b2378f2ad1f372d7d5cf169dd4754f63a47d8b2623cdadff66503245d34ba3c08823d3587eef0098607d68d6709baa4df368b1f6579516d229711414090edf7cbf33f31b1375f2ea9aed75a5e2273883d8e0ecc8a383e9913dce009e7ed58e3de5a5995dc44868418a70b307a49cd49ff4ea28b5c6fedd99481c0f2cb07ff677f1c9a2b90af6b6adea04e5d33ce8ead6a174281fc6a7515d70f3d9eec1338a73d424843134e0bf5bd4de550b617de23304ce1102160565069bc9bbe5f9416c0523ee368b328217942e0a5663cc652a9dd78af1b702957e4ef9bcb2be099ee52ad26d65f3a128398c05dd2c59b12788bbe5c3809756e835b03ae2ddaeb27ca608931890621e9a54591aeb13eb3083d4a95869ccfa30d1c41794d1f42fda820892da5ae01de9cccf4231034188b6913a40b651a6f6d84af0a7a02d9084a1a1465653a426989793f73e14987cb957505f2aac93d8d0a32195810db10fc15c9658836d610bb5723325239d73093dcb6ccdd58fb06964809519ca5aed4d19191116fc33a580762c5dd46c7a739e3ac00344160915ca5cf493ef0f1a889c0d11c3e94fbfbdf16d132821e5c761d6e3b8adb68ab8fe58be4ef5e76138f31560a792526f28ecb85c85cba58af2d69706b3627a18362ca27c03aacf9892fb75b9e46ca2f71f787ada4196ae801472816e1e32ba2e2c37e950581e231d4c6e2bcf7d433281f4292e5006cf2fafc100027159dd562105fc0fa5279da17edc0caf78c05cf4514a7a8bd8e2c91469bbbb824be3ff92ebd7a74dfb043d529f5b0f337b5fb48242029bc9724c95f59ca85130cc42524abcdd5868e56b9aae4474c446c9638ed2201d2941e353f12c681688746194c3e6f34c6d7cfffa91188e1c569095a10125c375bec60b1f3b961822a1c955fe98490cd1cb8be4451680b49afe9b907a7e589f88141dd252766a9a3f306ef412a6ea771bc8fb59ed567da795cef442f36d007372b7730b60621fdaa7649ca3483dfd0b4dd877ff9508c574e3f2416086ee9d06821119f976ecaafcd6daaaaea5225a93178467b145db803d3fb59e9043189df8520843016724fd8c3b0bdf789c818b460c5a3bfe11dbccf7be45ede215a186c89ef81886e85ce28ecbd99a59b9d1b87ce600f852a9225546e13c815ba7febfea4af4406205a67c679a6104deaae7eb7ecddb840fc8c4c57804ed41b83a72784c5d884cc347d0ad72ba9cd3180ad9b26802967ee98670b780a60b1cca8f79de0349d77b5f175020ed567d5684032282341d204c1f1324fe30293cf599d3baec9633f0e4628e3aef17ff0b116062e6c083ef5f43a0edfd29cb0aee9b30dad997ad45c1a3a3f6dbbfe7fe12aaf7dfe37bdebcee37f6c59db510191490c43cb386d7f5c1513d65cc5ec3ee41c9a4cd64cf900c03cc9a7345126b05af1d88fcd8ff651e636d339131703e964134a5ee44506a05adc86c80b8166004ad09d46a2d051eb384dc1f55f54db722ff50c7658df606f5939af28f58f31a5a8c823027bad00f695578c6c71c3b3d2caa51b5a0b6fa6f954bccfbe87d24ed33f9841b97cbddac2b00ccae41c91bbc82d74a0d4348ff6f462e9343dadb1644a08e3c5416b6fed49253392b0e23e2552d75eecd719be624da2900de70b6e7b8b4a157248362eef83249eabcad36eb7ec26da9675af25385503eb3c30782ce99b15b549603bf724ea8b55cb6c554283437b5be99a7113ae78c5f8dabeb21a64273ab0db6d006c4a5330aeed203bcd4918f08bb7ecf244bcb6927046893fecc22e3dfa2658f369fa1567821ce68fc753abfde27b4b031cea46fbe0e69c282d837c81371bfb352ec5c3b1f62f868692e370aa9fd74a81792592535bb6763897a145745c78f4eac11679895bfeef2351d8b07e87156a69250a19347565393dfc2753c73658a34cd5195d3f1acf0b0f53e451dd6f97823bfb635852b8b0e411c3c8a4d798c9d3bdab9f21d9d8f0888380d47122ef59d8b1e6256178d1efe454901942989eee67485912f2249aca5d3f8259431651fce36fbad05f968009926d99bd09de1566e377c6ea19fd58af9397e65f76c2539a9a9903c37193b925969ed08cafd65403d040c996ed6de4c189870f0e3639eab0ff0cbf77ab3719aa1064f4e2eadf9aea6788839c6c488d9023dbe95be4768073e42a5f6356826ca3789af52a1ebf97665beda9f8a34778ba5b6389bf9f70dca31bab2e593fbfcb4d67f838e4bcecc239244de2fabdc7f10a2f8dba5f29c7f6c2356d344ef84d1136ab1726f810edbdfe0df458cc8b75dfbc4af1e5d267b2f9ad75899f1c655195219471ccdd8f3caa6503f55e38997be2a43d4eb50db6e4c29cd80e0681d9b56dce8322a943b9301990fa5792e84005204a6bdcf860b2adae77e84d7c3cd2dd6dbd96535a550ce44e522907c0d69a09115155543ec641f44c19bcb33a0159b3b00f2bb331a0cde7094e4e2775bac12b02f29ea2bfefa5cbb094a036442c9297de1c29bc392202a9d043168b5c831ace2ddb81d872e933fd3dede0b12e96cb5e099e6f5443cf496ee66d258de5455d23ff59f7dbd5277e963cac7155ad5c50edcbd253866bd2bdc42cef8ca2623f0927a33f00a58fe5b948596458a3caceff1095ece624852d9fa1159768d8d607f3ed3687f7a385fca80eeea2cf516864a790e762a0cc5d6a0f59c7fd35feb360388c91d019e63ae037f463b203ca16253fd7d9db708993cf66285b5553dd86ce40aff2163679fd24201b3a6f23c5ea3f1d3317dfd473f699be3405591cd6a84541970581190775fcb72472b82f4677efe540157b4bf42344b76d5208ecdb8434ecc6f625e25341b5bc8c99f0203be58076b51b015d71f474f966a572b15da156abbb0b221d8fd6e567d5bd816529bd7f092d7deba53cb97ffc4e2acfd0316b1b829cc9b3d2ed2052b1169f6bf42aad7b80223dfb1419b16f4cd0014587ec26be0432872eb84af2ddfe019af23a9b2ce3af8e39f41e77fd1abc352f38ed0f7449832b2a78a4809e805a93370b31429e11a0ae6c74b0016ada3b0afcdb8bbadd42512180bc53a8d244e98effe42a1f0909e974663492e53b00b3b57cde704d69752c684569a6ac6468c516c8937ee63671752d70ced16aac70985b829eb31a80eec080e8832c9ce3365cbb484cdb29b9e98bcd3725079101917cb710690bffe4d50f80a7a5cd7d785120eaa438b013a2982a370646a135d76d5f3e586ed66a5b5de443bfd39f00616c90a95f877cc978aef903f48a29bb4399d10232553f563daf1582dc08982d747680baa296f9cdb29e4abb8028a801960f121bcc720597a3ff0e1b9cb182a80c9a082527c0d57e79f50d2733657e6abbbe511fad152d8b9fa4cc5d501504c58f5fdedd3ede3e2b473ced87b6475b5e05f2cdd046fe83628d2f184292717e770c4bd8aa9b74612660ace62077daacf95c3e0e8d429af080760d5985e5137677fae145c69f1777f5c1211b3a9c5a7c4d058c02a690dced8ff5d8abb10ca4cf4a89374d629338a84235276f993bf7ad4e2148141b81f6f0f692f9a2a88246f8462c3c093b1a05b2e13335e22f7747a787b784ab391ba1e4ae2a2844900468b28f7e9093e08702f94d5aafdf5fa040076f6cf375d2907dd92f8507f8e292fd85f4b30335183e1b0b291f4c80d1435acc52a3711f743c0e046fcb2c768d683b58d4ffd89b30705ec6c9e82b1358d6441836f8a6193c4075ffa08c607b16977f872c0be05f8227ea19ddb0facb4942e53a32f7269367785d83a511768d35427b91da459996c46fdb566602879884664bacf014db5bb398b9f923c428daab02d19df2fd1a941f9084ac3c6df1e234770af7def2fa212deb631f5fc42c3899a88cda051c607751d26ea158cedab00544e40254c466629ad715f755b16b45ab625425a422e0f8d2c5977a2e25029d2f2239463459da873301482ebc7efee8be3406b6b38799d3f1492e5ec8ba1da8ccb60a2f9cd3f47cc4c8b0d2cb8d3c321d045e572ac7aa18451e4e82a99f698f56fe63857340513a2b39e1c66e4257b7d2c481a42d25f99e72e8a9f5546919f17fab18fe7af1e7bdf9a055414c5e9d3a23909fee6284cb8d9f3a940908cbd0e172aa262af23693ca4dee48ce53b0d8b703b3ca637569558a83d03fbe3097936b96a2a8714ce8e5a790a322e6b458ba73d5a6a9317162be11011c96153ce0a538708a37f1dc11f00b1d258e757464cbfb4b911e6a6d1c2d2ada458cae9a2144ad8d669c23ea35e45d1fcb7c27dc2cba811d112bfa389b0f6c02c89e574acdf98f0c40ebb98a8b102e9362c4e52f30ee27603175da00231f7f12461ad71d8c4f529914821f2cb6373057f65da1d1e346218bcfe1ecc410be5ec160d936e2b59699915a7a4bd62de222481536406521412af72853a7f59217abb7049f5440eb1e53433932fa286e8c65e433486708405d245b7759a616a6b236b8a847146779b0101e63803641881211059f07bc62b1b87a7786f481e132136a9bbc6b5c89e91492e44852e0f7a0df97da76e114a7de7a1f9e689193c1bf
Carousel layout
Grid layout
View code b5993b73d080728b668e09f6fa64b4e133e5e41716840fac2d731dc554aa64b5f00a62fac109ad63072ac11f54139ca4cc84d48afdca3f04686fd5810739ace3ed286221851bbde1e6f68d730cb74d84240a10f271cf209800b8449f25d7e7429da295c372a3933416855785f1f64429e18df75187a5e13a8adcf650f85c11d96b7a3b27148676c344a71f5e2170bbf1b2ef0939b4457b046ffd2451a80121054f73e049b21ec7fce74e59e5ed01700add9fc7f51a7a3c96806d24f48bc01d61402aa2e5872b0d78de2e6c61d630d60a0c711b366e9e2eb4ae24427b6f198d3c17ec5b24d8ac76a933dbf7b40e512bcb78534fe69ef5883031f4c5d22aa6270aa72127687c3e4055a320acb8d56a56a4d02ddeb2ce9baa367f1a2898978786055c84a32d6b8f80ca7b5ecfc7b3d5c76860f5679c46f511e3b74d5d1dfd76c57698a3deb406dc6b822c31dd7ab13748ced1a98791d97c0a10fc204c9ed9eca1137599d03232fa971ab7bd6346685d1dc7b1a11a83b62a2695968fa04a02bc9e6a715f7b1560427523d989bee2115d96bd4e085c5a5a35459dafe6e19bfb4a525f94c70dd4a8a9333eb827592f48b9ff15266c33869cd1f2ad3e48ee6d67e55345ed7e650c16e6b66a451e207da42b2660716c62b2433d028cdf81ff76e7f4158d0468a70c836f243028257ef1eeb7d7792184432f35b2140958f19c1d253a46fc39af84ecb13fdb7a31692a51222a03396b28acfd4ed4f2fb3f2e22c2d719f622e033bacb3045e476da89992f194b6d9335e1806b43eed32f1803f27f434c49fc697fdb984d8159a3742b7542cf697f1af7b19e4c471fa32fc10691372ea36df3e887c7239fceb41b874a17234bfe3b5fe983b752d6e4d98f75d7974e63a548386e693a1a65fb1bfcfb36d97c6188b6bdbc584239af0205fb1d14c4b2a49890c5c9e99594b5260729ca3fc7ef3ad76ce4b547f2967bc49e593609b4f648901a148b9a688eb8d6df0b63a0256258a46de779161aab8e7908e9f2e9f6384899a6a296195abfc34eec844213ea48c1eb5d66ff30070ebdfe923b766c0166986313c12f6dac24e57abf760f6726d7e6bbff8612510555920e2bd0e59c565bf7c0ad0f44274b84c2b5f3a81f508ea9143420e9228728a76f7c45b22730406898fc19db593217084865dd13c88eb86576863ce37b7019de6ae99fb80a866457b7cf1154a5403b7a687c4450ee65e9b5d76e7a78eb2fd24ab47e2793363684d9b864b7922b2a82c04025d6ac0f77e5990b04554da2ea694155dd2b717f05aafa6a3666b4aa28520ae663b41d6fb9025bda0dc3214b268035698ae18587ae14dc2b3ebb20a79df328f1f71e7fb1df772b8c42e1946110e3a0af0ae7423f8165d8c8c2056fa22741d5d27ce92a3a352af0ac3ae588adc3ba0732cbbc54eefb1f75bb6b0f421d9b975218e1882796055433ff8735fdf879e13823b87706a19b893b36e43c774b9bbf68733094c3f07ebb1e10360ab97c188c34f22ee9dfa03b8fa881a69f3dfbfe17cc047acd56dfd53807199764ac48e2da1c72f434c6abf8b193c788df6ae9de11f29f9d68404b3c418f86733871f27d236c89eebb11aed535c57ac6bf04bbd67ea557fd2eb3d9439a7711d278ec9e232f7c2be89696894e22544c48388dd3d0c52547810c8978f685dee89060ff2bda5cc66d50d232db5749964dc00342cd1a9102a473fa3e436f06585417cea7b4f73ebceb54490edff0ee34c08f506b32bfcda266246e0abf9bb0e89852e455d6817d44dc9fa55ca50ce88ee4f23d7781b756836f7607010bb2fb664038ba9b5186c47f571b79fb68026f46073493f2c11e1db88518405a11309075de0d329ab387d0b65ef5ea077f715a5ad629409cfceaf8a02bd69d100a9f39b4162fa313683a28e14ddb94218aab0a3faa39034b9339d44ade41800599628034618e9433e24dc83d181644dd4f5eaf1d3b3e15a131ced59e50f43811b0dd61bf01ef9732b440e2454c21d2357b97a1962bff3e277682b199f4fec08ee3cb53e71d5ec97463eff7acddf5657f8b32d4e5018de4f1f6e2ba0d5950dccd2b9cd95ba46b32468c542a618737c8fa6a0d2c3e3489480add29be13ae8c3414c6f9f8f3f1e9e52385b189feb341550700ed32dc2b7327889a1a4eed071c0a0ec597f8076cc4d5fae307314757a6a66eb0bcb544791db1ccd5239bb0d021e04e6424f0453e63d2efd8f964166bfa6e367ff71379b94fa2c19a95a619f7ab6d787a51e794fdf4f9f5fc4de72a7ebff4b810539ec4b09fd51c571024dea8debc8889386d4d1f48c6f40393f9fe24d2c9fbbf71c4090d007c6b04c24d8472a9e3ad977dcac9f918174310316223c2788cad9361f9340ffe59934dd6aefd79a4b1fca3405ffd3950d6d40785dc6a893a1743258dd2c460e776363fe3d915d8da397931eeada774db8702d1a2eb7efe43353ade1170edbc3f24fec75d83f48268fd915b3d235794aa0b376e1a8ea9485e356dea515d447cf7e53f0407516b25ea70703271b3b24d73832ed40b703e6e9182b47539d0132fe9c422f199ec3584951d3cbbb1028bacbf0091f74b18a3ac0c77bb354de29108b519d5a208f7ab46d0af72f6e5f01d3733dc2802f4f1ac83402d378c571b8fe170d7e1c130dbdc8ffa48648bda47406591c70c74b7db7ee4d0fbbf0526210b7d66992a8fb2f5f5f1ab720c9c10b9059c3ee2201f55a7c88a7e6f24f95825e0dcecc62d0f8eb96fd527c20ed801ed83330cf0081e1e70883e76e56b01aa9403b7d56898416f804ea17c9e11de92d2b92a85d78aca4c0d7ec180f342dfa59a6b360087888c366156b97fdb7dcb5667b718a7f932151afa245d43f65c75d32482a21bb899eaf46d8ba364f8a80a8a3dda0e0b6a27c5c638834a804ac5dd1606988a44c3ef0b222d9d304337263bdbc7f3b62bc98ed44431779566c1b165effb6890e174562358bb9f4d75bf1f3909afa055ef0247a075153958e8d6f42a2f10bf759aa3aabc17c7199f9e1d201213725999377e63c948296228b384de0afbc97d93e7c28845147a9473ea6a6b384465938e7d07d4a8b95950421f86ed1682cb915834d4ff7325ee5e918dfbcda3632ec7144400ba4087d43f89d7f39ebd2d1ab6a8ac0e328d5e3fce108414c7529c45268eee30e817d2e46b6361feccd6aeddf1a28c502de0b26012da4420610716195b708d9ae657767684f5b5de9a7070bc11dfbccc6b3d8ed1e0472fa1fc1420f522f311adcc47fcbe27c43a71581b530f68b98e419e90461b186742b587f2dc09ee44d763f039587ae331fd6d1472d43acb4f394d78cb7db45841c9205b44cae0002f7c25be71e8bff72322d1512d2ab584d5a6baa2d730cf33eee8f5e3acbef9e4af3ada1765c53da741230fa358d195b926278044ca43f188c3cf33868bc680daf42f6fe1d2c1394fa0167d37925473fe560dc7e62616aeca52c9a92deb4dfeb95467ce3af115fc0d0a14d1d078514ea53e91da441425803954b6bdff0ea499602a18b9b8c6eabac55559122aab47de072fb9d6ac0c72d5e97ee1664f6f94cfef0ce09c5aa6ca224efe302fb003073b0503906a03e52a6b4a5f5fbc68948afdb8bbef0c1ce7f76cb6246f3b1b64be8472603c6bda983f3b3a4103df37a1a43826908db5bbdf4afd571180ff557465e94b478883245fb93551eee190b2246d13728c34514cea8b60810e86cbe3f469e546ab32c52d8683546d30c48ecaa12d7300c619ccce992859fb27b30685fa6439cafe92a3dee87eac28c221ff8db4cae2b072e825a91e91f0290a0df8531360c51a3ca66b3e0b15acaa4215874d517437352f76847bb8f87a8da4400f2a980a08263945019c51ad12003443e0900f712c747ce82c047c5980db1e851663b0873c8cfd23e131c11f3584d10fc9f649e058dca370163db95eba7f3e7adb34be060754968a493e13db211847b390714f10f7c8075339c45a32db0bcfe871c00a76c1c1379224671906eb4a219884a8fe99f46960bd8f89e319bdddb1ddfa448b5ece7731c0000296c4d1e8a2e425d11982c7c15e217d9d010f7444d313bb2b0585162bb9e94069e7bc7e64b31249ee7e7636805e50b71ec46e0ddecc0ade91a89b7df5fc631f2445149f2c4896d10cd34a69812b028c661d17b3f9e193e9729aa6f37244eba976ea29a70bb394bf33a77d0342bd8d131629bc84ce1ea5e20aa07a6a2fba8cb7e66d83c929b33cb399f58b7e0378c110c9717fd69f17d4b531928ffd3c5045180759002876fe5ee0a42a635a410e3389c59551bcc5f3c9d95dfc58c5614b497f2901ad54aa971c320b661f6cbf5bb45d637176d8b3e87c9e81dd80edc06d9e50da65cc87d25adeb7e696827aa6761099078fc988d5d4595e231fa5daa2d397eee519bae7376b77c4344fd1ca67b780162041527e256e3ccccee6ff3c1c6079d6cea20effd35be14aa32bd508c7ff4819f2fd620047defe796eac60536e05e488332410d5fc9e69a8e608f5ac68088a4722e6e3f4c88a814903c6008cf37fb3014cbf6ded5fe0c2d95b99000c65356513a61796893b1a80ac260207c8c47f382818d137bc7aa43ffdad93eefb29bff4d4054317d449ca7c15afb4ca02c72c1bb94a2e618063035c61d22823f129738a4e956db451d9605c900917537a85263b86e46ca3d354966c73071ff0dbadaef42c8772999fd8c9a030e9805bd5cb94288a4c90e4b5e4af0ee08ee7d5d3addd6566cc18702ca459c0f7aab648c2eaeb83a4db508c44196864a73cf24161751f8168aed564c464ae64a613a1c2206ffd9e258e8a1358574d660c3efcd46974bbcf3d7073f2ea73d4c8cc210dfbe5e46e14a9d2f415e7f6ef8409a0abba2612d7e68d73
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.
