{"id":34299,"date":"2024-07-24T13:01:32","date_gmt":"2024-07-24T13:01:32","guid":{"rendered":"https:\/\/sidelinesports.com\/katso-nyt\/"},"modified":"2024-12-20T14:20:31","modified_gmt":"2024-12-20T14:20:31","slug":"watchnow","status":"publish","type":"page","link":"https:\/\/sidelinesports.com\/fi\/watchnow\/","title":{"rendered":"Katso nyt"},"content":{"rendered":"<!-- Main Carousel -->\r\n<section id=\"main-carousel\" class=\"splide\">\r\n    <div class=\"mx-auto max-w-[1280px] w-full px-5 relative lg:pl-6\">\r\n                    <a href=\"\/\" class=\"back xl:absolute top-8 left-0 w-[96px] md:w-[100px] h-[40px] md:h-[50px] px-3 text-black bg-[#F2F5F6] hover:bg-[#77CC00] hover:text-[#fff] text-center inline-flex items-center md:justify-center justify-around rounded font-bold font-Inter \"><svg class=\"w-[20px] h-[20px] pr-[10px]\" fill=\"#black\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 320 512\"><path d=\"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z\"\/><\/svg>BACK<\/a>\r\n                <div class=\"max-w-[1008px] md:px-5 mx-auto tab-body pt-5 xl:pt-0\">\r\n                                                <div id=\"tab1\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">Kaikki lajit<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/Multisport-2334d5200a5f713f7801245c93030580.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab2\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">Jalkapallo<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/soccer-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab3\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">Koripallo<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/basketball-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab4\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">K\u00e4sipallo<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/handball-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab5\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">Lentopallo<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/volleyball-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab6\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">J\u00e4\u00e4kiekko<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/ice-hockey-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab7\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">Salibandy<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/floorball-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab8\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">Maahockey<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/field-hockey-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab9\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">Tennis<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                                    <div id=\"tab10\" class=\"tabcontent\">\r\n                        <h2 class=\"font-Inter font-bold mb-[10px] text-base uppercase text-[#7c0]\">XPS appi<\/h2>\r\n                                                 <div id=\"video-container\" class=\"video-container\" style=\"box-shadow: 0 30px 60px -3px #e0e0e0;\">\r\n                           <div class=\"lazy-video\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/08\/app-promo.mp4\"><\/div>\r\n<!--                            <video id=\"video12\" style=\"\" class=\"max-w-auto\" poster=\"\/wp-content\/uploads\/2024\/07\/watch_now_poster-1-1.png\" autoplay muted controls playsinline>-->\r\n<!--                                <source src=\"--><!--\" type=\"video\/mp4\">-->\r\n<!--                            <\/video>-->\r\n                        <\/div>\r\n                        <div id=\"after-video-section\" class=\"relative after-video-container flex items-center justify-center bg-[#000000ba] text-center hidden\">\r\n                            <div class=\"inner-content flex flex-col items-center justify-center absolute top-[50%] left-[50%] transform -translate-x-1\/2 -translate-y-1\/2\">\r\n                                <button href=\"\" class=\"try_xps_about hover:bg-[#4b9e00] h-[50px] md:h-[60px] px-3 text-white bg-[#57b700] text-center inline-flex items-center justify-center rounded font-bold font-Inter text-[14px] sm:text-[16px]\">TRY XPS FOR FREE<\/button>\r\n                                <p class=\"font-Inter !text-sm text-[#8a939b] mt-1 xs:mt-5\">No credit card required.<\/p>\r\n                                \r\n                                <svg width=\"100\" height=\"100\" viewBox=\"0 0 250 250\" class=\"circular-progress mt-1 xs:mt-2 md:mt-8 ml-[64px]\">\r\n                                    <circle class=\"bg\"><\/circle>\r\n                                    <circle class=\"fg\"><\/circle>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"\">\r\n    <div class=\"mx-auto max-w-[1280px] w-full px-5 md:px-0 for-shadow !overflow-hidden\">\r\n        <div id=\"thumbnail-carousel\" class=\"splide py-5 xl:w-[90%] mx-auto\" aria-label=\"Thumbnail carousel for navigation\">\r\n            <div class=\"splide__track !overflow-visible\">\r\n                <div style=\"background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));\" class=\"absolute w-[50px] z-20 right-[-65px] bottom-0 h-full\"><\/div>\r\n                <div style=\"background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));\" class=\"absolute w-[50px] z-20 left-[-65px] bottom-0 h-full\"><\/div>\r\n                                    <ul class=\"splide__list tab-btns\">\r\n                                            <li data-tab=\"tab1\" data-slug=\"kaikki-lajit\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/download-1.svg\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">Kaikki lajit<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab2\" data-slug=\"jalkapallo\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/soccer-1.svg\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">Jalkapallo<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab3\" data-slug=\"koripallo\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/basketball-1.svg\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">Koripallo<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab4\" data-slug=\"kasipallo\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/handball-1.svg\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">K\u00e4sipallo<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab5\" data-slug=\"lentopallo\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/volleyball-1.svg\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">Lentopallo<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab6\" data-slug=\"jaakiekko\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/ice_hockey-1.svg\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">J\u00e4\u00e4kiekko<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab7\" data-slug=\"salibandy\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/floorball.png\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">Salibandy<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab8\" data-slug=\"maahockey\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/field_hockey.png\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">Maahockey<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab9\" data-slug=\"tennis\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/tennis.png\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">Tennis<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                            <li data-tab=\"tab10\" data-slug=\"xps-appi\" class=\"splide__slide tab-btn\">\r\n                            <div class=\"text-ceter flex flex-col items-center cursor-pointer\">\r\n                                <img decoding=\"async\" loading=\"lazy\" data-lazy src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8\/wcAAwAB\/gb39isAAAAASUVORK5CYII=\" data-src=\"https:\/\/sidelinesports.com\/wp-content\/uploads\/2024\/07\/download-2.svg\" class=\"w-[20px] h-[20px]\" height=\"\" width=\"\" alt=\"icon\">\r\n                                <p class=\"font-bold font-Inter text-[#3C434C] pt-2\">XPS appi<\/p>\r\n                            <\/div>\r\n                        <\/li>\r\n                                        <\/ul>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n<!--<script>-->\r\n<!--    document.addEventListener('DOMContentLoaded', function () {-->\r\n<!--        const tabBtns = document.querySelectorAll('.tab-btn');-->\r\n<!--        const tabContents = document.querySelectorAll('.tabcontent');-->\r\n<!--        let activeTabIndex = 0; \/\/ Track the current tab index-->\r\n<!--    -->\r\n<!--        \/\/ Features Tabs initialization-->\r\n<!--        let firstTab = document.querySelector('.tab-btns .tab-btn:first-child');-->\r\n<!--        let firstContent = document.querySelector('.tab-body .tabcontent:first-child');-->\r\n<!--    -->\r\n<!--        \/\/ Initialize the first tab and video-->\r\n<!--        if (firstTab) {-->\r\n<!--            firstTab.classList.add('active');-->\r\n<!--        }-->\r\n<!--    -->\r\n<!--        if (firstContent) {-->\r\n<!--            firstContent.classList.add('active');-->\r\n<!--        }-->\r\n<!--    -->\r\n<!--        if (tabBtns.length > 0 && tabContents.length > 0) {-->\r\n<!--            tabBtns.forEach((btn, index) => {-->\r\n<!--                btn.addEventListener('click', function(e) {-->\r\n<!--                    e.preventDefault();-->\r\n<!--                    switchToTab(index);-->\r\n<!--                });-->\r\n<!--            });-->\r\n<!--        }-->\r\n<!--    -->\r\n<!--        function switchToTab(index) {-->\r\n<!--            \/\/ Remove active class from all tabs and contents-->\r\n<!--            tabBtns.forEach(btn => btn.classList.remove('active'));-->\r\n<!--            tabContents.forEach(content => content.classList.remove('active'));-->\r\n<!--    -->\r\n<!--            \/\/ Add active class to selected tab and content-->\r\n<!--            tabBtns[index].classList.add('active');-->\r\n<!--            tabContents[index].classList.add('active');-->\r\n<!--            activeTabIndex = index; \/\/ Update the active tab index-->\r\n<!--    -->\r\n<!--            \/\/ Handle the video in the newly active tab-->\r\n<!--            resetAndPlayVideoInActiveTab();-->\r\n<!--        }-->\r\n<!--    -->\r\n<!--        function resetAndPlayVideoInActiveTab() {-->\r\n<!--            const video = tabContents[activeTabIndex].querySelector('video');-->\r\n<!--            const videoContainer = tabContents[activeTabIndex].querySelector('.video-container');-->\r\n<!--            const afterVideoSection = tabContents[activeTabIndex].querySelector('.after-video-container');-->\r\n<!--    -->\r\n<!--            if (video) {-->\r\n<!--                \/\/ Ensure video starts from the beginning-->\r\n<!--                video.currentTime = 0;-->\r\n<!--                video.play();-->\r\n<!--    -->\r\n<!--                \/\/ Listen for when the video ends-->\r\n<!--                video.addEventListener('ended', function onVideoEnd() {-->\r\n<!--                    videoContainer.style.display = 'none'; \/\/ Hide the video container-->\r\n<!--                    afterVideoSection.classList.remove('hidden');-->\r\n<!--                    afterVideoSection.style.display = 'block';-->\r\n<!--    -->\r\n<!--                    setTimeout(function () {-->\r\n<!--                        afterVideoSection.style.display = 'none'; \/\/ Hide after-video-section after 5 seconds-->\r\n<!--                        videoContainer.style.display = 'block'; \/\/ Show the video container again-->\r\n<!--    -->\r\n<!--                        \/\/ Move to the next tab after the \"after video section\"-->\r\n<!--                        activeTabIndex = (activeTabIndex + 1) % tabBtns.length; \/\/ Loop back to the first if last-->\r\n<!--                        switchToTab(activeTabIndex);-->\r\n<!--                    }, 5000); \/\/ Show \"after video section\" for 5 seconds-->\r\n<!--                }, { once: true }); \/\/ Ensure the event listener only triggers once per video end-->\r\n<!--            }-->\r\n<!--        }-->\r\n<!--    -->\r\n<!--        \/\/ Play the first video when the page loads-->\r\n<!--        resetAndPlayVideoInActiveTab();-->\r\n<!--    });-->\r\n<!--<\/script>-->\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        const tabBtns = document.querySelectorAll('.tab-btn');\r\n        const tabContents = document.querySelectorAll('.tabcontent');\r\n        let activeTabIndex = 0;\r\n\r\n        const tabSlugs = Array.from(tabBtns).map(btn => btn.dataset.slug);\r\n        const basePath = window.location.pathname.replace(\/\\\/[^\\\/]*$\/, ''); \/\/ \u0443\u0434\u0430\u043b\u044f\u0435\u043c slug \u0432 \u043a\u043e\u043d\u0446\u0435, \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044f \/sports\r\n\r\n        \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0441\u043c\u0435\u043d\u044b \u0442\u0430\u0431\u0430\r\n        function switchToTab(index, updateURL = true) {\r\n            tabBtns.forEach(btn => btn.classList.remove('active'));\r\n            tabContents.forEach(content => content.classList.remove('active'));\r\n\r\n            tabBtns[index].classList.add('active');\r\n            tabContents[index].classList.add('active');\r\n            activeTabIndex = index;\r\n\r\n            if (updateURL) {\r\n                const slug = tabSlugs[index];\r\n                const newUrl = `${basePath}#${slug}`;\r\n                history.pushState({ tabIndex: index }, '', newUrl);\r\n            }\r\n\r\n            resetAndPlayVideoInActiveTab();\r\n        }\r\n\r\n        function resetAndPlayVideoInActiveTab() {\r\n            const video = tabContents[activeTabIndex].querySelector('video');\r\n            const videoContainer = tabContents[activeTabIndex].querySelector('.video-container');\r\n            const afterVideoSection = tabContents[activeTabIndex].querySelector('.after-video-container');\r\n\r\n            if (video) {\r\n                video.currentTime = 0;\r\n                video.play();\r\n\r\n                video.addEventListener('ended', function onVideoEnd() {\r\n                    videoContainer.style.display = 'none';\r\n                    afterVideoSection.classList.remove('hidden');\r\n                    afterVideoSection.style.display = 'block';\r\n\r\n                    setTimeout(function () {\r\n                        afterVideoSection.style.display = 'none';\r\n                        videoContainer.style.display = 'block';\r\n                        activeTabIndex = (activeTabIndex + 1) % tabBtns.length;\r\n                        switchToTab(activeTabIndex);\r\n                    }, 5000);\r\n                }, { once: true });\r\n            }\r\n        }\r\n\r\n        \/\/ \u041f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u0442\u0430\u0431\r\n        tabBtns.forEach((btn, index) => {\r\n            btn.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                switchToTab(index);\r\n            });\r\n        });\r\n\r\n        \/\/ \u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0439 \u0442\u0430\u0431 \u043f\u043e URL\r\n        const pathParts = window.location.pathname.split('\/');\r\n        \/\/ const lastPart = pathParts[pathParts.length - 1];\r\n        const lastPart = window.location.hash.replace('#', '');\r\n        const initialIndex = tabSlugs.indexOf(lastPart);\r\n\r\n        if (initialIndex !== -1) {\r\n            activeTabIndex = initialIndex;\r\n        }\r\n\r\n        \/\/ \u0417\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0430\u0431\r\n        switchToTab(activeTabIndex, false);\r\n\r\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043a\u043d\u043e\u043f\u043e\u043a \"\u041d\u0430\u0437\u0430\u0434\"\/\"\u0412\u043f\u0435\u0440\u0451\u0434\"\r\n        window.onpopstate = function (event) {\r\n            if (event.state && typeof event.state.tabIndex !== 'undefined') {\r\n                switchToTab(event.state.tabIndex, false);\r\n            } else {\r\n                const currentPath = window.location.pathname.split('\/').pop();\r\n                const index = tabSlugs.indexOf(currentPath);\r\n                if (index !== -1) {\r\n                    switchToTab(index, false);\r\n                }\r\n            }\r\n        };\r\n    });\r\n<\/script>\r\n\r\n<div class=\"footer_before pb-[90px] md:pb-[120px] pt-[120px] md:pt-[150px] ffgdfggdff\">\r\n        <div class=\"max-w-[1140px] mx-auto text-center flex flex-col items-center justify-center px-10\">\r\n            <div class=\"text-white font-Inter font-bold md:text-[48px] text-[30px] sm:text-[40px] mb-[44px] leading-[1.1] tracking-[-.02em]\">Aloita<\/div>\r\n                        <div>\r\n                <button class=\"try_xps_about h-[57px] px-3 text-white hover:bg-[#4b9e00] bg-[#57b700] text-center inline-flex items-center justify-center rounded-md uppercase font-bold font-Inter text-[14px] sm:text-[16px] tracking-[.02em] \">KOKEILE ILMAISEKSI<\/button>\r\n                <p class=\"font-Inter opacity-[0.85] text-white mt-4\">Luottokorttia ei vaadita.<\/p>\r\n            <\/div>\r\n                        \r\n        <\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":23,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"Full-width.php","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-34299","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sidelinesports.com\/fi\/wp-json\/wp\/v2\/pages\/34299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sidelinesports.com\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sidelinesports.com\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sidelinesports.com\/fi\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/sidelinesports.com\/fi\/wp-json\/wp\/v2\/comments?post=34299"}],"version-history":[{"count":0,"href":"https:\/\/sidelinesports.com\/fi\/wp-json\/wp\/v2\/pages\/34299\/revisions"}],"wp:attachment":[{"href":"https:\/\/sidelinesports.com\/fi\/wp-json\/wp\/v2\/media?parent=34299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}